website refactor

apps/website/app/leaderboards/LeaderboardsPageWrapper.tsx

@@ -1,8 +1,9 @@
 'use client';
 
 import { useRouter } from 'next/navigation';
-import LeaderboardsTemplate from '@/templates/LeaderboardsTemplate';
+import { LeaderboardsTemplate } from '@/templates/LeaderboardsTemplate';
 import type { LeaderboardsViewData } from '@/lib/view-data/LeaderboardsViewData';
+import { routes } from '@/lib/routing/RouteConfig';
 
 export function LeaderboardsPageWrapper({ data }: { data: LeaderboardsViewData | null }) {
   const router = useRouter();
@@ -12,22 +13,22 @@ export function LeaderboardsPageWrapper({ data }: { data: LeaderboardsViewData |
   }
 
   const handleDriverClick = (driverId: string) => {
-    router.push(`/drivers/${driverId}`);
+    router.push(routes.driver.detail(driverId));
   };
 
   const handleTeamClick = (teamId: string) => {
-    router.push(`/teams/${teamId}`);
+    router.push(routes.team.detail(teamId));
   };
 
   const handleNavigateToDrivers = () => {
-    router.push('/leaderboards/drivers');
+    router.push(routes.leaderboards.drivers);
   };
 
   const handleNavigateToTeams = () => {
-    router.push('/teams/leaderboard');
+    router.push(routes.team.leaderboard);
   };
 
-  // Transform ViewData to template props
+  // Transform ViewData to template props (simple field mapping only)
   const templateData = {
     drivers: data.drivers.map(d => ({
       id: d.id,