website refactor

apps/website/components/races/RaceFilterModal.tsx

@@ -8,6 +8,7 @@ import { Stack } from '@/ui/Stack';
 import { Select } from '@/ui/Select';
 import { Text } from '@/ui/Text';
 import { StatusDot } from '@/ui/StatusDot';
+import { Box } from '@/ui/Box';
 import { Filter, Search } from 'lucide-react';
 
 export type TimeFilter = 'all' | 'upcoming' | 'live' | 'past';
@@ -77,9 +78,9 @@ export function RaceFilterModal({
                   onClick={() => setTimeFilter(filter)}
                 >
                   {filter === 'live' && (
-                    <Stack mr={2}>
+                    <Box mr={2}>
                       <StatusDot intent="success" size={1.5} pulse />
-                    </Stack>
+                    </Box>
                   )}
                   {filter.charAt(0).toUpperCase() + filter.slice(1)}
                 </Button>

apps/website/components/races/RacesLiveRail.tsx

@@ -1,4 +1,4 @@
-'use thought';
+'use client';
 
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';