website refactor

apps/website/app/leagues/LeaguesPageClient.tsx

@@ -1,32 +1,32 @@
 'use client';
 
-import React, { useState } from 'react';
 import { LeagueCard } from '@/components/leagues/LeagueCardWrapper';
-import { LeagueSummaryViewModel } from '@/lib/view-models/LeagueSummaryViewModel';
 import { routes } from '@/lib/routing/RouteConfig';
 import type { LeaguesViewData } from '@/lib/view-data/LeaguesViewData';
-import { Box } from '@/ui/Box';
+import { LeagueSummaryViewModel } from '@/lib/view-models/LeagueSummaryViewModel';
+import { Button } from '@/ui/Button';
+import { Heading } from '@/ui/Heading';
+import { Input } from '@/ui/Input';
+import { Box } from '@/ui/primitives/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
-import { Heading } from '@/ui/Heading';
-import { Button } from '@/ui/Button';
-import { Input } from '@/ui/Input';
 import {
-  Flame,
-  Globe,
-  Plus,
-  Search,
-  Sparkles,
-  Target,
-  Trophy,
-  Users,
-  Flag,
-  Award,
-  Timer,
-  Clock,
-  type LucideIcon,
+    Award,
+    Clock,
+    Flag,
+    Flame,
+    Globe,
+    Plus,
+    Search,
+    Sparkles,
+    Target,
+    Timer,
+    Trophy,
+    Users,
+    type LucideIcon,
 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
+import React, { useState } from 'react';
 
 // ============================================================================
 // TYPES