website refactor

apps/website/app/leagues/[id]/stewarding/page.tsx

@@ -1,5 +1,5 @@
-import { LeagueStewardingPageQuery } from '@/lib/page-queries/page-queries/LeagueStewardingPageQuery';
-import { StewardingTemplate } from '@/templates/StewardingTemplate';
+import { LeagueStewardingPageQuery } from '@/lib/page-queries/LeagueStewardingPageQuery';
+import { StewardingPageClient } from './StewardingPageClient';
 import { notFound } from 'next/navigation';
 
 interface Props {
@@ -17,19 +17,31 @@ export default async function LeagueStewardingPage({ params }: Props) {
 
   if (result.isErr()) {
     const error = result.getError();
-    if (error.type === 'notFound') {
+    if (error === 'notFound') {
       notFound();
     }
     // For serverError, show the template with empty data
-    return <StewardingTemplate viewData={{
-      leagueId,
-      totalPending: 0,
-      totalResolved: 0,
-      totalPenalties: 0,
-      races: [],
-      drivers: []
-    }} />;
+    return <StewardingPageClient 
+      leagueId={leagueId}
+      currentDriverId=""
+      onRefetch={() => {}}
+      data={{
+        leagueId,
+        totalPending: 0,
+        totalResolved: 0,
+        totalPenalties: 0,
+        races: [],
+        drivers: []
+      }} 
+    />;
   }
 
-  return <StewardingTemplate viewData={result.unwrap()} />;
+  const data = result.unwrap();
+
+  return <StewardingPageClient 
+    data={data} 
+    leagueId={leagueId}
+    currentDriverId="" // Should be fetched or passed
+    onRefetch={() => {}} // Should be handled
+  />;
 }