resolve todos in website

apps/website/app/races/[id]/page.tsx

@@ -44,6 +44,7 @@ export default function RaceDetailPage() {
   const [error, setError] = useState<string | null>(null);
   const [cancelling, setCancelling] = useState(false);
   const [registering, setRegistering] = useState(false);
+  const [reopening, setReopening] = useState(false);
   const [ratingChange, setRatingChange] = useState<number | null>(null);
   const [animatedRatingChange, setAnimatedRatingChange] = useState(0);
   const [showProtestModal, setShowProtestModal] = useState(false);
@@ -174,6 +175,27 @@ export default function RaceDetailPage() {
     }
   };
 
+  const handleReopenRace = async () => {
+    const race = viewModel?.race;
+    if (!race || !viewModel?.canReopenRace) return;
+
+    const confirmed = window.confirm(
+      'Re-open this race? This will allow re-registration and re-running. Results will be archived.',
+    );
+
+    if (!confirmed) return;
+
+    setReopening(true);
+    try {
+      await raceService.reopenRace(race.id);
+      await loadRaceData();
+    } catch (err) {
+      alert(err instanceof Error ? err.message : 'Failed to re-open race');
+    } finally {
+      setReopening(false);
+    }
+  };
+
   const formatDate = (date: Date) => {
     return new Date(date).toLocaleDateString('en-US', {
       weekday: 'long',
@@ -856,6 +878,19 @@ export default function RaceDetailPage() {
                   </>
                 )}
 
+                {viewModel.canReopenRace &&
+                  LeagueMembershipUtility.isOwnerOrAdmin(viewModel.league?.id || '', currentDriverId) && (
+                  <Button
+                    variant="outline"
+                    className="w-full flex items-center justify-center gap-2"
+                    onClick={handleReopenRace}
+                    disabled={reopening}
+                  >
+                    <PlayCircle className="w-4 h-4" />
+                    {reopening ? 'Re-opening...' : 'Re-open Race'}
+                  </Button>
+                )}
+
                 {race.status === 'completed' && (
                   <>
                     <Button
@@ -884,29 +919,22 @@ export default function RaceDetailPage() {
                       <Scale className="w-4 h-4" />
                       Stewarding
                     </Button>
-                    {LeagueMembershipUtility.isOwnerOrAdmin(viewModel.league?.id || '', currentDriverId) && (
-                      <>
-                        <Button
-                          variant="outline"
-                          className="w-full flex items-center justify-center gap-2"
-                          onClick={async () => {
-                            const confirmed = window.confirm(
-                              'Re-open this race? This will allow re-registration and re-running. Results will be archived.'
-                            );
-                            if (!confirmed) return;
-
-                            // TODO: Implement re-open race functionality
-                            alert('Re-open race functionality not yet implemented');
-                          }}
-                        >
-                          <PlayCircle className="w-4 h-4" />
-                          Re-open Race
-                        </Button>
-                      </>
-                    )}
                   </>
                 )}
 
+                {viewModel.canReopenRace &&
+                  LeagueMembershipUtility.isOwnerOrAdmin(viewModel.league?.id || '', currentDriverId) && (
+                  <Button
+                    variant="outline"
+                    className="w-full flex items-center justify-center gap-2"
+                    onClick={handleReopenRace}
+                    disabled={reopening}
+                  >
+                    <PlayCircle className="w-4 h-4" />
+                    {reopening ? 'Re-opening...' : 'Re-open Race'}
+                  </Button>
+                )}
+
                 {race.status === 'running' && LeagueMembershipUtility.isOwnerOrAdmin(viewModel.league?.id || '', currentDriverId) && (
                   <Button
                     variant="primary"