website refactor

apps/website/components/drivers/CategoryDistribution.tsx

@@ -1,8 +1,6 @@
 'use client';
 
 import { BarChart3 } from 'lucide-react';
-import type { DriverLeaderboardItemViewModel } from '@/lib/view-models/DriverLeaderboardItemViewModel';
-
 const CATEGORIES = [
   { id: 'beginner', label: 'Beginner', color: 'text-green-400', bgColor: 'bg-green-400/10', borderColor: 'border-green-400/30' },
   { id: 'intermediate', label: 'Intermediate', color: 'text-primary-blue', bgColor: 'bg-primary-blue/10', borderColor: 'border-primary-blue/30' },
@@ -13,7 +11,9 @@ const CATEGORIES = [
 ];
 
 interface CategoryDistributionProps {
-  drivers: DriverLeaderboardItemViewModel[];
+  drivers: {
+    category?: string;
+  }[];
 }
 
 export function CategoryDistribution({ drivers }: CategoryDistributionProps) {