website refactor

apps/website/app/leagues/[id]/stewarding/protests/[protestId]/ProtestDetailPageClient.tsx

@@ -7,44 +7,44 @@ import { PROTEST_SERVICE_TOKEN } from '@/lib/di/tokens';
 import { Button } from '@/ui/Button';
 import { Card } from '@/ui/Card';
 import {
-    AlertCircle,
-    AlertTriangle,
-    ArrowLeft,
-    Calendar,
-    CheckCircle,
-    ChevronDown,
-    Clock,
-    ExternalLink,
-    Flag,
-    Gavel,
-    Grid3x3,
-    MapPin,
-    MessageCircle,
-    Send,
-    Shield,
-    ShieldAlert,
-    TrendingDown,
-    User,
-    Video,
-    XCircle,
-    type LucideIcon
+  AlertCircle,
+  AlertTriangle,
+  ArrowLeft,
+  Calendar,
+  CheckCircle,
+  ChevronDown,
+  Clock,
+  ExternalLink,
+  Flag,
+  Gavel,
+  Grid3x3,
+  MapPin,
+  MessageCircle,
+  Send,
+  Shield,
+  ShieldAlert,
+  TrendingDown,
+  User,
+  Video,
+  XCircle,
+  type LucideIcon
 } from 'lucide-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
 
 // Shared state components
-import { LoadingWrapper } from '@/components/shared/state/LoadingWrapper';
-import { StateContainer } from '@/components/shared/state/StateContainer';
+import { LoadingWrapper } from '@/ui/LoadingWrapper';
+import { StateContainer } from '@/ui/StateContainer';
 import { useLeagueAdminStatus } from "@/hooks/league/useLeagueAdminStatus";
 import { useProtestDetail } from "@/hooks/league/useProtestDetail";
 import { routes } from '@/lib/routing/RouteConfig';
-import { GridItem } from '@/ui/primitives/GridItem';
+import { Box } from '@/ui/Box';
 import { Heading } from '@/ui/Heading';
 import { Icon as UIIcon } from '@/ui/Icon';
 import { Link as UILink } from '@/ui/Link';
-import { Box } from '@/ui/primitives/Box';
-import { Grid } from '@/ui/primitives/Grid';
-import { Stack } from '@/ui/primitives/Stack';
+import { Grid } from '@/ui/Grid';
+import { GridItem } from '@/ui/GridItem';
+import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 
 type PenaltyUiConfig = {