fix issues

apps/website/app/leaderboards/drivers/DriverRankingsPageWrapper.tsx

@@ -0,0 +1,48 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import DriverRankingsTemplate from '@/templates/DriverRankingsTemplate';
+import { useState } from 'react';
+import type { DriverLeaderboardViewModel } from '@/lib/view-models/DriverLeaderboardViewModel';
+
+type SkillLevel = 'pro' | 'advanced' | 'intermediate' | 'beginner';
+type SortBy = 'rank' | 'rating' | 'wins' | 'podiums' | 'winRate';
+
+export function DriverRankingsPageWrapper({ data }: { data: DriverLeaderboardViewModel | null }) {
+  const router = useRouter();
+  
+  // Client-side state for filtering and sorting
+  const [searchQuery, setSearchQuery] = useState('');
+  const [selectedSkill, setSelectedSkill] = useState<'all' | SkillLevel>('all');
+  const [sortBy, setSortBy] = useState<SortBy>('rank');
+  const [showFilters, setShowFilters] = useState(false);
+
+  if (!data || !data.drivers) {
+    return null;
+  }
+
+  const handleDriverClick = (driverId: string) => {
+    if (driverId.startsWith('demo-')) return;
+    router.push(`/drivers/${driverId}`);
+  };
+
+  const handleBackToLeaderboards = () => {
+    router.push('/leaderboards');
+  };
+
+  return (
+    <DriverRankingsTemplate
+      drivers={data.drivers}
+      searchQuery={searchQuery}
+      selectedSkill={selectedSkill}
+      sortBy={sortBy}
+      showFilters={showFilters}
+      onSearchChange={setSearchQuery}
+      onSkillChange={setSelectedSkill}
+      onSortChange={setSortBy}
+      onToggleFilters={() => setShowFilters(!showFilters)}
+      onDriverClick={handleDriverClick}
+      onBackToLeaderboards={handleBackToLeaderboards}
+    />
+  );
+}

apps/website/app/leaderboards/drivers/page.tsx

@@ -1,62 +1,11 @@
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import DriverRankingsTemplate from '@/templates/DriverRankingsTemplate';
 import { PageDataFetcher } from '@/lib/page/PageDataFetcher';
 import { DRIVER_SERVICE_TOKEN } from '@/lib/di/tokens';
 import { DriverService } from '@/lib/services/drivers/DriverService';
 import { Users } from 'lucide-react';
-import { redirect , useRouter } from 'next/navigation';
+import { redirect } from 'next/navigation';
 import type { DriverLeaderboardViewModel } from '@/lib/view-models/DriverLeaderboardViewModel';
-import { useState } from 'react';
-
-// ============================================================================
-// TYPES
-// ============================================================================
-
-type SkillLevel = 'pro' | 'advanced' | 'intermediate' | 'beginner';
-type SortBy = 'rank' | 'rating' | 'wins' | 'podiums' | 'winRate';
-
-// ============================================================================
-// WRAPPER COMPONENT (Client-side state management)
-// ============================================================================
-
-function DriverRankingsPageWrapper({ data }: { data: DriverLeaderboardViewModel | null }) {
-  const router = useRouter();
-  
-  // Client-side state for filtering and sorting
-  const [searchQuery, setSearchQuery] = useState('');
-  const [selectedSkill, setSelectedSkill] = useState<'all' | SkillLevel>('all');
-  const [sortBy, setSortBy] = useState<SortBy>('rank');
-  const [showFilters, setShowFilters] = useState(false);
-
-  if (!data || !data.drivers) {
-    return null;
-  }
-
-  const handleDriverClick = (driverId: string) => {
-    if (driverId.startsWith('demo-')) return;
-    router.push(`/drivers/${driverId}`);
-  };
-
-  const handleBackToLeaderboards = () => {
-    router.push('/leaderboards');
-  };
-
-  return (
-    <DriverRankingsTemplate
-      drivers={data.drivers}
-      searchQuery={searchQuery}
-      selectedSkill={selectedSkill}
-      sortBy={sortBy}
-      showFilters={showFilters}
-      onSearchChange={setSearchQuery}
-      onSkillChange={setSelectedSkill}
-      onSortChange={setSortBy}
-      onToggleFilters={() => setShowFilters(!showFilters)}
-      onDriverClick={handleDriverClick}
-      onBackToLeaderboards={handleBackToLeaderboards}
-    />
-  );
-}
+import { DriverRankingsPageWrapper } from './DriverRankingsPageWrapper';
 
 // ============================================================================
 // MAIN PAGE COMPONENT