website refactor

apps/website/components/leagues/EndRaceModal.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { InfoBanner } from '@/ui/InfoBanner';
-import { Modal } from '@/ui/Modal';
+import { Modal } from '@/components/shared/Modal';
 import { ModalIcon } from '@/ui/ModalIcon';
 import { Text } from '@/ui/Text';
 import { Stack } from '@/ui/Stack';

apps/website/components/leagues/JoinLeagueButton.tsx

@@ -5,7 +5,7 @@ import { useEffectiveDriverId } from "@/hooks/useEffectiveDriverId";
 import { getMembership } from '@/lib/leagueMembership';
 import { Box } from '@/ui/Box';
 import { Button } from '@/ui/Button';
-import { Modal } from '@/ui/Modal';
+import { Modal } from '@/components/shared/Modal';
 import { Text } from '@/ui/Text';
 import { useState } from 'react';
 

apps/website/components/leagues/JoinRequestItem.tsx

@@ -4,7 +4,7 @@ import { Text } from '@/ui/Text';
 
 interface JoinRequestItemProps {
   driverId: string;
-  formattedRequestedAt: string;
+  requestedAt: string;
   onApprove: () => void;
   onReject: () => void;
   isApproving?: boolean;
@@ -13,7 +13,7 @@ interface JoinRequestItemProps {
 
 export function JoinRequestItem({
   driverId,
-  formattedRequestedAt,
+  requestedAt,
   onApprove,
   onReject,
   isApproving,
@@ -47,7 +47,7 @@ export function JoinRequestItem({
         <Stack flexGrow={1}>
           <Text color="text-white" weight="medium" block>{driverId}</Text>
           <Text size="sm" color="text-gray-400" block>
-            Requested {formattedRequestedAt}
+            Requested {requestedAt}
           </Text>
         </Stack>
       </Stack>

apps/website/components/leagues/LeagueDropSection.tsx

@@ -8,7 +8,7 @@ import { Box } from '@/ui/Box';
 import { Group } from '@/ui/Group';
 import { Stack } from '@/ui/Stack';
 import { Surface } from '@/ui/Surface';
-import { InfoFlyout } from '@/ui/InfoFlyout';
+import { InfoFlyout } from '@/components/shared/InfoFlyout';
 import { Stepper } from '@/ui/Stepper';
 import { Button } from '@/ui/Button';
 import { IconButton } from '@/ui/IconButton';

apps/website/components/leagues/ReviewProtestModal.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState } from "react";
 import { usePenaltyTypesReference } from "@/hooks/usePenaltyTypesReference";
 import type { PenaltyValueKindDTO } from "@/lib/types/PenaltyTypesReferenceDTO";
 import { ProtestViewModel } from "../../lib/view-models/ProtestViewModel";
-import { Modal } from "@/ui/Modal";
+import { Modal } from "@/components/shared/Modal";
 import { Button } from "@/ui/Button";
 import { Card } from "@/ui/Card";
 import { Stack } from "@/ui/Stack";