fix issues

apps/website/app/teams/leaderboard/TeamLeaderboardPageWrapper.tsx

@@ -0,0 +1,44 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import TeamLeaderboardTemplate from '@/templates/TeamLeaderboardTemplate';
+import { useState } from 'react';
+import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
+
+type SkillLevel = 'pro' | 'advanced' | 'intermediate' | 'beginner';
+type SortBy = 'rating' | 'wins' | 'winRate' | 'races';
+
+export function TeamLeaderboardPageWrapper({ data }: { data: TeamSummaryViewModel[] | null }) {
+  const router = useRouter();
+  
+  // Client-side state for filtering and sorting
+  const [searchQuery, setSearchQuery] = useState('');
+  const [filterLevel, setFilterLevel] = useState<SkillLevel | 'all'>('all');
+  const [sortBy, setSortBy] = useState<SortBy>('rating');
+
+  if (!data || data.length === 0) {
+    return null;
+  }
+
+  const handleTeamClick = (teamId: string) => {
+    router.push(`/teams/${teamId}`);
+  };
+
+  const handleBackToTeams = () => {
+    router.push('/teams');
+  };
+
+  return (
+    <TeamLeaderboardTemplate
+      teams={data}
+      searchQuery={searchQuery}
+      filterLevel={filterLevel}
+      sortBy={sortBy}
+      onSearchChange={setSearchQuery}
+      onFilterLevelChange={setFilterLevel}
+      onSortChange={setSortBy}
+      onTeamClick={handleTeamClick}
+      onBackToTeams={handleBackToTeams}
+    />
+  );
+}

apps/website/app/teams/leaderboard/page.tsx

@@ -1,58 +1,11 @@
 import { PageWrapper } from '@/components/shared/state/PageWrapper';
-import TeamLeaderboardTemplate from '@/templates/TeamLeaderboardTemplate';
 import { PageDataFetcher } from '@/lib/page/PageDataFetcher';
 import { TEAM_SERVICE_TOKEN } from '@/lib/di/tokens';
 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 { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
-import { useState } from 'react';
-
-// ============================================================================
-// TYPES
-// ============================================================================
-
-type SkillLevel = 'pro' | 'advanced' | 'intermediate' | 'beginner';
-type SortBy = 'rating' | 'wins' | 'winRate' | 'races';
-
-// ============================================================================
-// WRAPPER COMPONENT (Client-side state management)
-// ============================================================================
-
-function TeamLeaderboardPageWrapper({ data }: { data: TeamSummaryViewModel[] | null }) {
-  const router = useRouter();
-  
-  // Client-side state for filtering and sorting
-  const [searchQuery, setSearchQuery] = useState('');
-  const [filterLevel, setFilterLevel] = useState<SkillLevel | 'all'>('all');
-  const [sortBy, setSortBy] = useState<SortBy>('rating');
-
-  if (!data || data.length === 0) {
-    return null;
-  }
-
-  const handleTeamClick = (teamId: string) => {
-    router.push(`/teams/${teamId}`);
-  };
-
-  const handleBackToTeams = () => {
-    router.push('/teams');
-  };
-
-  return (
-    <TeamLeaderboardTemplate
-      teams={data}
-      searchQuery={searchQuery}
-      filterLevel={filterLevel}
-      sortBy={sortBy}
-      onSearchChange={setSearchQuery}
-      onFilterLevelChange={setFilterLevel}
-      onSortChange={setSortBy}
-      onTeamClick={handleTeamClick}
-      onBackToTeams={handleBackToTeams}
-    />
-  );
-}
+import { TeamLeaderboardPageWrapper } from './TeamLeaderboardPageWrapper';
 
 // ============================================================================
 // MAIN PAGE COMPONENT