fix issues

apps/website/app/leaderboards/LeaderboardsPageWrapper.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import LeaderboardsTemplate from '@/templates/LeaderboardsTemplate';
+import type { DriverLeaderboardViewModel } from '@/lib/view-models/DriverLeaderboardViewModel';
+import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
+
+interface LeaderboardsPageData {
+  drivers: DriverLeaderboardViewModel | null;
+  teams: TeamSummaryViewModel[] | null;
+}
+
+export function LeaderboardsPageWrapper({ data }: { data: LeaderboardsPageData | null }) {
+  const router = useRouter();
+  
+  if (!data || (!data.drivers && !data.teams)) {
+    return null;
+  }
+
+  const drivers = data.drivers?.drivers || [];
+  const teams = data.teams || [];
+
+  const handleDriverClick = (driverId: string) => {
+    router.push(`/drivers/${driverId}`);
+  };
+
+  const handleTeamClick = (teamId: string) => {
+    router.push(`/teams/${teamId}`);
+  };
+
+  const handleNavigateToDrivers = () => {
+    router.push('/leaderboards/drivers');
+  };
+
+  const handleNavigateToTeams = () => {
+    router.push('/teams/leaderboard');
+  };
+
+  return (
+    <LeaderboardsTemplate
+      drivers={drivers}
+      teams={teams}
+      onDriverClick={handleDriverClick}
+      onTeamClick={handleTeamClick}
+      onNavigateToDrivers={handleNavigateToDrivers}
+      onNavigateToTeams={handleNavigateToTeams}
+    />
+  );
+}

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

apps/website/app/leaderboards/page.tsx

@@ -1,13 +1,13 @@
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import LeaderboardsTemplate from '@/templates/LeaderboardsTemplate';
 import { PageDataFetcher } from '@/lib/page/PageDataFetcher';
 import { DRIVER_SERVICE_TOKEN, TEAM_SERVICE_TOKEN } from '@/lib/di/tokens';
 import { DriverService } from '@/lib/services/drivers/DriverService';
 import { TeamService } from '@/lib/services/teams/TeamService';
 import { Trophy } from 'lucide-react';
-import { redirect , useRouter } from 'next/navigation';
+import { redirect } from 'next/navigation';
 import type { DriverLeaderboardViewModel } from '@/lib/view-models/DriverLeaderboardViewModel';
 import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
+import { LeaderboardsPageWrapper } from './LeaderboardsPageWrapper';
 
 // ============================================================================
 // TYPES
@@ -18,48 +18,6 @@ interface LeaderboardsPageData {
   teams: TeamSummaryViewModel[] | null;
 }
 
-// ============================================================================
-// WRAPPER COMPONENT
-// ============================================================================
-
-function LeaderboardsPageWrapper({ data }: { data: LeaderboardsPageData | null }) {
-  const router = useRouter();
-  
-  if (!data || (!data.drivers && !data.teams)) {
-    return null;
-  }
-
-  const drivers = data.drivers?.drivers || [];
-  const teams = data.teams || [];
-
-  const handleDriverClick = (driverId: string) => {
-    router.push(`/drivers/${driverId}`);
-  };
-
-  const handleTeamClick = (teamId: string) => {
-    router.push(`/teams/${teamId}`);
-  };
-
-  const handleNavigateToDrivers = () => {
-    router.push('/leaderboards/drivers');
-  };
-
-  const handleNavigateToTeams = () => {
-    router.push('/teams/leaderboard');
-  };
-
-  return (
-    <LeaderboardsTemplate
-      drivers={drivers}
-      teams={teams}
-      onDriverClick={handleDriverClick}
-      onTeamClick={handleTeamClick}
-      onNavigateToDrivers={handleNavigateToDrivers}
-      onNavigateToTeams={handleNavigateToTeams}
-    />
-  );
-}
-
 // ============================================================================
 // MAIN PAGE COMPONENT
 // ============================================================================