website refactor

apps/website/app/sponsor/billing/page.tsx

@@ -2,10 +2,10 @@
 
 import { useSponsorBilling } from "@/hooks/sponsor/useSponsorBilling";
 import { SponsorBillingTemplate } from "@/templates/SponsorBillingTemplate";
-import { Box } from "@/ui/primitives/Box";
-import { Text } from "@/ui/Text";
+import { Box } from "@/ui/Box";
 import { Button } from "@/ui/Button";
-import { DollarSign, AlertTriangle, Calendar, TrendingUp } from "lucide-react";
+import { Text } from "@/ui/Text";
+import { AlertTriangle, Calendar, DollarSign, TrendingUp } from "lucide-react";
 
 export default function SponsorBillingPage() {
   const { data: billingData, isLoading, error, retry } = useSponsorBilling('demo-sponsor-1');
@@ -40,11 +40,6 @@ export default function SponsorBillingPage() {
     console.log('Setting default payment method:', methodId);
   };
 
-  const handleRemoveMethod = (methodId: string) => {
-    if (window.confirm('Remove this payment method?')) {
-      console.log('Removing payment method:', methodId);
-    }
-  };
 
   const handleDownloadInvoice = (invoiceId: string) => {
     console.log('Downloading invoice:', invoiceId);

apps/website/app/sponsor/campaigns/page.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { useState } from 'react';
 import { useSponsorSponsorships } from "@/hooks/sponsor/useSponsorSponsorships";
 import { SponsorCampaignsTemplate, SponsorshipType } from "@/templates/SponsorCampaignsTemplate";
-import { Box } from "@/ui/primitives/Box";
-import { Text } from "@/ui/Text";
+import { Box } from "@/ui/Box";
 import { Button } from "@/ui/Button";
+import { Text } from "@/ui/Text";
+import { useState } from 'react';
 
 export default function SponsorCampaignsPage() {
   const [typeFilter, setTypeFilter] = useState<SponsorshipType>('all');

apps/website/app/sponsor/layout.tsx

@@ -1,5 +1,5 @@
 import { createRouteGuard } from '@/lib/auth/createRouteGuard';
-import { Box } from '@/ui/primitives/Box';
+import { Box } from '@/ui/Box';
 import { headers } from 'next/headers';
 import { redirect } from 'next/navigation';
 

apps/website/app/sponsor/leagues/[id]/page.tsx

@@ -1,5 +1,5 @@
 import { notFound } from 'next/navigation';
-import { PageWrapper } from '@/components/shared/state/PageWrapper';
+import { PageWrapper } from '@/ui/PageWrapper';
 import { SponsorLeagueDetailPageClient } from './SponsorLeagueDetailPageClient';
 import { SponsorsApiClient } from '@/lib/api/sponsors/SponsorsApiClient';
 import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';

apps/website/app/sponsor/leagues/page.tsx

@@ -1,4 +1,4 @@
-import { PageWrapper } from '@/components/shared/state/PageWrapper';
+import { PageWrapper } from '@/ui/PageWrapper';
 import { SponsorLeaguesPageClient } from './SponsorLeaguesPageClient';
 import { SponsorsApiClient } from '@/lib/api/sponsors/SponsorsApiClient';
 import { EnhancedErrorReporter } from '@/lib/infrastructure/EnhancedErrorReporter';

apps/website/app/sponsor/settings/page.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { SponsorSettingsTemplate } from '@/templates/SponsorSettingsTemplate';
 import { logoutAction } from '@/app/actions/logoutAction';
-import { ConfirmDialog } from '@/components/shared/ux/ConfirmDialog';
+import { ConfirmDialog } from '@/ui/ConfirmDialog';
 import { useRouter } from 'next/navigation';
 import { routes } from '@/lib/routing/RouteConfig';
 import { logger } from '@/lib/infrastructure/logging/logger';

apps/website/app/sponsor/signup/page.tsx

@@ -5,31 +5,31 @@ import { SponsorHero } from '@/components/sponsors/SponsorHero';
 import { SponsorWorkflowMockup } from '@/components/sponsors/SponsorWorkflowMockup';
 import { SponsorSignupCommandModel } from '@/lib/command-models/sponsors/SponsorSignupCommandModel';
 import { siteConfig } from '@/lib/siteConfig';
+import { Box } from '@/ui/Box';
 import { Button } from '@/ui/Button';
 import { Card } from '@/ui/Card';
 import { Heading } from '@/ui/Heading';
 import { Input } from '@/ui/Input';
-import { Box } from '@/ui/primitives/Box';
-import { Stack } from '@/ui/primitives/Stack';
+import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { motion, useReducedMotion } from 'framer-motion';
 import {
-    ArrowRight,
-    BarChart3,
-    Building2,
-    Car,
-    CheckCircle2,
-    Eye,
-    Flag,
-    Globe,
-    Mail,
-    Megaphone,
-    Shield,
-    Target,
-    TrendingUp,
-    Trophy,
-    Upload,
-    Users
+  ArrowRight,
+  BarChart3,
+  Building2,
+  Car,
+  CheckCircle2,
+  Eye,
+  Flag,
+  Globe,
+  Mail,
+  Megaphone,
+  Shield,
+  Target,
+  TrendingUp,
+  Trophy,
+  Upload,
+  Users
 } from 'lucide-react';
 import { useState } from 'react';