website refactor

apps/website/components/drivers/FeaturedDriverCard.tsx

@@ -3,8 +3,6 @@
 import { Trophy, Crown, Star, TrendingUp, Shield, Flag } from 'lucide-react';
 import Image from 'next/image';
 import { mediaConfig } from '@/lib/config/mediaConfig';
-import type { DriverLeaderboardItemViewModel } from '@/lib/view-models/DriverLeaderboardItemViewModel';
-
 const SKILL_LEVELS = [
   { id: 'pro', label: 'Pro', icon: Crown, color: 'text-yellow-400', bgColor: 'bg-yellow-400/10', borderColor: 'border-yellow-400/30', description: 'Elite competition level' },
   { id: 'advanced', label: 'Advanced', icon: Star, color: 'text-purple-400', bgColor: 'bg-purple-400/10', borderColor: 'border-purple-400/30', description: 'Highly competitive' },
@@ -22,7 +20,17 @@ const CATEGORIES = [
 ];
 
 interface FeaturedDriverCardProps {
-  driver: DriverLeaderboardItemViewModel;
+  driver: {
+    id: string;
+    name: string;
+    nationality: string;
+    avatarUrl?: string;
+    rating: number;
+    wins: number;
+    podiums: number;
+    skillLevel?: string;
+    category?: string;
+  };
   position: number;
   onClick: () => void;
 }