website refactor

apps/website/app/leagues/[id]/schedule/admin/LeagueAdminSchedulePageClient.tsx

@@ -1,29 +1,29 @@
 'use client';
 
-import { useState } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import { LeagueAdminScheduleTemplate } from '@/templates/LeagueAdminScheduleTemplate';
 import {
-  useLeagueAdminStatus,
-  useLeagueSeasons,
-  useLeagueAdminSchedule
+    createRaceAction,
+    deleteRaceAction,
+    publishScheduleAction,
+    unpublishScheduleAction,
+    updateRaceAction
+} from '@/app/actions/leagueScheduleActions';
+import { PageWrapper } from '@/components/shared/state/PageWrapper';
+import { ConfirmDialog } from '@/components/shared/ux/ConfirmDialog';
+import {
+    useLeagueAdminSchedule,
+    useLeagueAdminStatus,
+    useLeagueSeasons
 } from "@/hooks/league/useLeagueScheduleAdminPageData";
 import { useEffectiveDriverId } from "@/hooks/useEffectiveDriverId";
-import {
-  publishScheduleAction,
-  unpublishScheduleAction,
-  createRaceAction,
-  updateRaceAction,
-  deleteRaceAction
-} from '@/app/actions/leagueScheduleActions';
 import { RaceScheduleCommandModel } from '@/lib/command-models/leagues/RaceScheduleCommandModel';
-import { Box } from '@/ui/Box';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
+import { LeagueAdminScheduleTemplate } from '@/templates/LeagueAdminScheduleTemplate';
 import { Card } from '@/ui/Card';
 import { Heading } from '@/ui/Heading';
-import { ConfirmDialog } from '@/components/shared/ux/ConfirmDialog';
+import { Box } from '@/ui/primitives/Box';
+import { Stack } from '@/ui/Stack';
+import { Text } from '@/ui/Text';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
 
 export function LeagueAdminSchedulePageClient() {
   const params = useParams();

apps/website/app/leagues/[id]/stewarding/StewardingPageClient.tsx

@@ -1,22 +1,22 @@
 'use client';
 
-import { StewardingQueuePanel } from '@/components/leagues/StewardingQueuePanel';
-import { PenaltyFAB } from '@/components/races/PenaltyFAB';
+import { PenaltyHistoryList } from '@/components/leagues/PenaltyHistoryList';
 import { QuickPenaltyModal } from '@/components/leagues/QuickPenaltyModal';
 import { ReviewProtestModal } from '@/components/leagues/ReviewProtestModal';
+import { StewardingQueuePanel } from '@/components/leagues/StewardingQueuePanel';
 import { StewardingStats } from '@/components/leagues/StewardingStats';
-import { Button } from '@/ui/Button';
-import { Card } from '@/ui/Card';
+import { PenaltyFAB } from '@/components/races/PenaltyFAB';
 import { useLeagueStewardingMutations } from "@/hooks/league/useLeagueStewardingMutations";
-import { useMemo, useState } from 'react';
-import { PenaltyHistoryList } from '@/components/leagues/PenaltyHistoryList';
-import { Box } from '@/ui/Box';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
 import type { StewardingViewData } from '@/lib/view-data/leagues/StewardingViewData';
+import { DriverViewModel } from '@/lib/view-models/DriverViewModel';
 import { ProtestViewModel } from '@/lib/view-models/ProtestViewModel';
 import { RaceViewModel } from '@/lib/view-models/RaceViewModel';
-import { DriverViewModel } from '@/lib/view-models/DriverViewModel';
+import { Button } from '@/ui/Button';
+import { Card } from '@/ui/Card';
+import { Box } from '@/ui/primitives/Box';
+import { Stack } from '@/ui/Stack';
+import { Text } from '@/ui/Text';
+import { useMemo, useState } from 'react';
 
 interface StewardingTemplateProps {
   data: StewardingViewData;

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

@@ -1,51 +1,51 @@
 'use client';
 
-import { Button } from '@/ui/Button';
-import { Card } from '@/ui/Card';
 import { useEffectiveDriverId } from "@/hooks/useEffectiveDriverId";
+import { ProtestDecisionCommandModel } from '@/lib/command-models/protests/ProtestDecisionCommandModel';
 import { useInject } from '@/lib/di/hooks/useInject';
 import { PROTEST_SERVICE_TOKEN } from '@/lib/di/tokens';
-import { ProtestDecisionCommandModel } from '@/lib/command-models/protests/ProtestDecisionCommandModel';
+import { Button } from '@/ui/Button';
+import { Card } from '@/ui/Card';
 import {
-  AlertTriangle,
-  ArrowLeft,
-  Calendar,
-  CheckCircle,
-  ChevronDown,
-  Clock,
-  ExternalLink,
-  Flag,
-  Gavel,
-  Grid3x3,
-  MapPin,
-  MessageCircle,
-  Send,
-  Shield,
-  ShieldAlert,
-  TrendingDown,
-  User,
-  Video,
-  XCircle,
-  AlertCircle,
-  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 { useMemo, useState, useEffect } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 // Shared state components
-import { StateContainer } from '@/components/shared/state/StateContainer';
 import { LoadingWrapper } from '@/components/shared/state/LoadingWrapper';
+import { StateContainer } from '@/components/shared/state/StateContainer';
 import { useLeagueAdminStatus } from "@/hooks/league/useLeagueAdminStatus";
 import { useProtestDetail } from "@/hooks/league/useProtestDetail";
-import { Box } from '@/ui/Box';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
-import { Heading } from '@/ui/Heading';
-import { Grid } from '@/ui/Grid';
+import { routes } from '@/lib/routing/RouteConfig';
 import { GridItem } from '@/ui/GridItem';
+import { Heading } from '@/ui/Heading';
 import { Icon as UIIcon } from '@/ui/Icon';
 import { Link as UILink } from '@/ui/Link';
-import { routes } from '@/lib/routing/RouteConfig';
+import { Box } from '@/ui/primitives/Box';
+import { Grid } from '@/ui/primitives/Grid';
+import { Stack } from '@/ui/Stack';
+import { Text } from '@/ui/Text';
 
 type PenaltyUiConfig = {
   label: string;

apps/website/app/leagues/[id]/wallet/LeagueWalletPageClient.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import React from 'react';
 import { WalletSummaryPanel } from '@/components/leagues/WalletSummaryPanel';
 import type { LeagueWalletViewData } from '@/lib/view-data/leagues/LeagueWalletViewData';
-import { Box } from '@/ui/Box';
+import { Button } from '@/ui/Button';
+import { Container } from '@/ui/Container';
+import { Heading } from '@/ui/Heading';
+import { Icon as UIIcon } from '@/ui/Icon';
+import { Box } from '@/ui/primitives/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
-import { Heading } from '@/ui/Heading';
-import { Container } from '@/ui/Container';
-import { Icon as UIIcon } from '@/ui/Icon';
 import {
-  Download
+    Download
 } from 'lucide-react';
-import { Button } from '@/ui/Button';
 
 interface WalletTemplateProps {
   viewData: LeagueWalletViewData;