website refactor

apps/website/components/leagues/LeagueStandingsTable.tsx

@@ -7,6 +7,10 @@ import { useRouter } from 'next/navigation';
 import { routes } from '@/lib/routing/RouteConfig';
 import { Box } from '@/ui/Box';
 import { Text } from '@/ui/Text';
+import { Group } from '@/ui/Group';
+import { Badge } from '@/ui/Badge';
+import { Icon } from '@/ui/Icon';
+import { Droplet, XCircle } from 'lucide-react';
 
 interface StandingEntry {
   position: number;
@@ -19,6 +23,9 @@ interface StandingEntry {
   races: number;
   avgFinish: number | null;
   gap: string;
+  positionChange: number;
+  lastRacePoints: number;
+  droppedRaceIds: string[];
 }
 
 interface LeagueStandingsTableProps {
@@ -44,6 +51,7 @@ export function LeagueStandingsTable({ standings }: LeagueStandingsTableProps) {
             key={entry.driverId || entry.driverName}
             id={entry.driverId || ''}
             rank={entry.position}
+            rankDelta={entry.positionChange}
             name={entry.driverName}
             avatarUrl="" // Not provided in StandingEntry
             nationality="INT"