website refactor

apps/website/components/leaderboards/DriverLeaderboardPreview.tsx

@@ -3,10 +3,19 @@ import { useRouter } from 'next/navigation';
 import { Trophy, Crown, Flag, ChevronRight } from 'lucide-react';
 import Button from '@/components/ui/Button';
 import Image from 'next/image';
-import type { DriverLeaderboardItemViewModel } from '@/lib/view-models/DriverLeaderboardItemViewModel';
 
 interface DriverLeaderboardPreviewProps {
-  drivers: DriverLeaderboardItemViewModel[];
+  drivers: {
+    id: string;
+    name: string;
+    rating: number;
+    skillLevel: string;
+    nationality: string;
+    wins: number;
+    rank: number;
+    avatarUrl: string;
+    position: number;
+  }[];
   onDriverClick: (id: string) => void;
 }
 

apps/website/components/leaderboards/TeamLeaderboardPreview.tsx

@@ -3,11 +3,19 @@ import { useRouter } from 'next/navigation';
 import Image from 'next/image';
 import { Users, Crown, Shield, ChevronRight } from 'lucide-react';
 import Button from '@/components/ui/Button';
-import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
 import { getMediaUrl } from '@/lib/utilities/media';
 
 interface TeamLeaderboardPreviewProps {
-  teams: TeamSummaryViewModel[];
+  teams: {
+    id: string;
+    name: string;
+    tag: string;
+    memberCount: number;
+    category?: string;
+    totalWins: number;
+    logoUrl: string;
+    position: number;
+  }[];
   onTeamClick: (id: string) => void;
 }
 
@@ -68,7 +76,7 @@ export default function TeamLeaderboardPreview({ teams, onTeamClick }: TeamLeade
       {/* Leaderboard Rows */}
       <div className="divide-y divide-charcoal-outline/50">
         {top5.map((team, index) => {
-          const levelConfig = SKILL_LEVELS.find((l) => l.id === team.performanceLevel);
+          const levelConfig = SKILL_LEVELS.find((l) => l.id === team.category);
           const LevelIcon = levelConfig?.icon || Shield;
           const position = index + 1;