website refactor

apps/website/app/races/page.tsx

@@ -1,9 +1,10 @@
 import { notFound } from 'next/navigation';
-import { RacesTemplate } from '@/templates/RacesTemplate';
 import { RacesPageQuery } from '@/lib/page-queries/races/RacesPageQuery';
+import { RacesPageClient } from './RacesPageClient';
 
 export default async function Page() {
-  const result = await RacesPageQuery.execute();
+  const query = new RacesPageQuery();
+  const result = await query.execute();
   
   if (result.isErr()) {
     const error = result.getError();
@@ -12,59 +13,13 @@ export default async function Page() {
       case 'notFound':
         notFound();
       case 'redirect':
-        // Would redirect to login or other page
         notFound();
       default:
-        // For other errors, show error state in template
-        return <RacesTemplate
-          races={[]}
-          totalCount={0}
-          scheduledRaces={[]}
-          runningRaces={[]}
-          completedRaces={[]}
-          isLoading={false}
-          statusFilter="all"
-          setStatusFilter={() => {}}
-          leagueFilter="all"
-          setLeagueFilter={() => {}}
-          timeFilter="upcoming"
-          setTimeFilter={() => {}}
-          onRaceClick={() => {}}
-          onLeagueClick={() => {}}
-          onRegister={() => {}}
-          onWithdraw={() => {}}
-          onCancel={() => {}}
-          showFilterModal={false}
-          setShowFilterModal={() => {}}
-          currentDriverId={undefined}
-          userMemberships={[]}
-        />;
+        notFound();
     }
   }
   
   const viewData = result.unwrap();
   
-  return <RacesTemplate
-    races={viewData.races}
-    totalCount={viewData.totalCount}
-    scheduledRaces={viewData.scheduledRaces}
-    runningRaces={viewData.runningRaces}
-    completedRaces={viewData.completedRaces}
-    isLoading={false}
-    statusFilter="all"
-    setStatusFilter={() => {}}
-    leagueFilter="all"
-    setLeagueFilter={() => {}}
-    timeFilter="upcoming"
-    setTimeFilter={() => {}}
-    onRaceClick={() => {}}
-    onLeagueClick={() => {}}
-    onRegister={() => {}}
-    onWithdraw={() => {}}
-    onCancel={() => {}}
-    showFilterModal={false}
-    setShowFilterModal={() => {}}
-    currentDriverId={undefined}
-    userMemberships={[]}
-  />;
-}
+  return <RacesPageClient viewData={viewData} />;
+}