website refactor

apps/website/app/races/RacesPageClient.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useMemo } from 'react';
+import { useRouter } from 'next/navigation';
 import { RacesTemplate, type TimeFilter, type RaceStatusFilter } from '@/templates/RacesTemplate';
 import type { RacesViewData } from '@/lib/view-data/RacesViewData';
 
@@ -9,6 +10,7 @@ interface RacesPageClientProps {
 }
 
 export function RacesPageClient({ viewData }: RacesPageClientProps) {
+  const router = useRouter();
   const [statusFilter, setStatusFilter] = useState<RaceStatusFilter>('all');
   const [leagueFilter, setLeagueFilter] = useState<string>('all');
   const [timeFilter, setTimeFilter] = useState<TimeFilter>('upcoming');
@@ -56,8 +58,8 @@ export function RacesPageClient({ viewData }: RacesPageClientProps) {
       setTimeFilter={setTimeFilter}
       showFilterModal={showFilterModal}
       setShowFilterModal={setShowFilterModal}
-      onRaceClick={(id) => console.log('Race click', id)}
-      onLeagueClick={(id) => console.log('League click', id)}
+      onRaceClick={(id) => router.push(`/races/${id}`)}
+      onLeagueClick={(id) => router.push(`/leagues/${id}`)}
       onWithdraw={(id) => console.log('Withdraw', id)}
       onCancel={(id) => console.log('Cancel', id)}
     />