di usage in website

apps/website/app/leaderboards/LeaderboardsStatic.tsx

@@ -6,24 +6,16 @@ import type { DriverLeaderboardItemViewModel } from '@/lib/view-models/DriverLea
 import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
 
 // Shared state components
-import { useDataFetching } from '@/components/shared/hooks/useDataFetching';
 import { StateContainer } from '@/components/shared/state/StateContainer';
-import { useServices } from '@/lib/services/ServiceProvider';
+import { useDriverLeaderboard } from '@/hooks/driver/useDriverLeaderboard';
+import { useAllTeams } from '@/hooks/team/useAllTeams';
 import { Trophy } from 'lucide-react';
 
 export default function LeaderboardsStatic() {
   const router = useRouter();
-  const { driverService, teamService } = useServices();
 
-  const { data: driverData, isLoading: driversLoading, error: driversError, retry: driversRetry } = useDataFetching({
-    queryKey: ['driverLeaderboard'],
-    queryFn: () => driverService.getDriverLeaderboard(),
-  });
-
-  const { data: teams, isLoading: teamsLoading, error: teamsError, retry: teamsRetry } = useDataFetching({
-    queryKey: ['allTeams'],
-    queryFn: () => teamService.getAllTeams(),
-  });
+  const { data: driverData, isLoading: driversLoading, error: driversError, retry: driversRetry } = useDriverLeaderboard();
+  const { data: teams, isLoading: teamsLoading, error: teamsError, retry: teamsRetry } = useAllTeams();
 
   const handleDriverClick = (driverId: string) => {
     router.push(`/drivers/${driverId}`);