fix: FINNALY FIXED AND COMPILABLE

components/dashboard/DashboardClient.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from 'react';
 import { UsersIcon, ServerIcon, ActivityIcon, MapPinIcon, FlagIcon, LiveDotIcon, ClockIcon } from '@/components/ui/icons';
 import { cleanTrackName, cleanTrackConfig } from '@/lib/trackUtils';
 
-interface Driver {
+export interface DashboardDriver {
   driver_guid: string;
   driver_name: string;
   driver_team: string;
@@ -59,8 +59,8 @@ function formatElapsedTime(ms: number): string {
   return `${minutes}:${String(seconds).padStart(2, '0')}`;
 }
 
-export default function DashboardClient({ initialDrivers }: { initialDrivers: Driver[] }) {
-  const [drivers, setDrivers] = useState<Driver[]>(initialDrivers);
+export default function DashboardClient({ initialDrivers }: { initialDrivers: DashboardDriver[] }) {
+  const [drivers, setDrivers] = useState<DashboardDriver[]>(initialDrivers);
   const [isLoading, setIsLoading] = useState(false);
 
   // Auto-refresh every 3 seconds
@@ -90,7 +90,7 @@ export default function DashboardClient({ initialDrivers }: { initialDrivers: Dr
     }
     acc[serverId].push(driver);
     return acc;
-  }, {} as Record<number, Driver[]>);
+  }, {} as Record<number, DashboardDriver[]>);
 
   return (
     <>

components/events/EventRegistrationForm.tsx

@@ -67,7 +67,7 @@ export default function EventRegistrationForm({ eventId }: { eventId: number })
       setTimeout(() => {
         router.refresh();
       }, 1500);
-    } catch (err: unknown) {
+    } catch (err: any) {
       setError(err.message);
     } finally {
       setLoading(false);

components/events/EventResultsClient.tsx

@@ -4,7 +4,7 @@
 import { useEffect, useState } from 'react';
 import { TrophyIcon, UsersIcon, FlagIcon } from '@/components/ui/icons';
 
-interface TeamStanding {
+export interface TeamStanding {
   team_id: number;
   team_name: string;
   total_points: number;
@@ -111,7 +111,7 @@ export default function EventResultsClient({
           {/* Driver Results */}
           <div className="border-t border-white/10 pt-4 mt-4">
             <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-              {team.drivers.map((driver: unknown) => (
+              {team.drivers.map((driver: any) => (
                 <div 
                   key={driver.driver_guid}
                   className="flex items-center justify-between p-3 bg-black/30 border border-white/5"

components/live/LiveSessionClient.tsx

@@ -13,7 +13,7 @@ interface LiveSessionClientProps {
   serverTrack: string;
   serverConfig: string;
   connectedPlayers: number;
-  initialCars: unknown[];
+  initialCars: any[];
 }
 
 export default function LiveSessionClient({