website refactor

apps/website/components/races/TrackConditionsPanel.tsx

@@ -3,6 +3,7 @@
 import { Icon } from '@/ui/Icon';
 import { Text } from '@/ui/Text';
 import { Stack } from '@/ui/Stack';
+import { Grid } from '@/ui/Grid';
 import { Droplets, Sun, Thermometer, Wind, type LucideIcon } from 'lucide-react';
 
 interface TrackConditionsPanelProps {
@@ -26,7 +27,7 @@ export function TrackConditionsPanel({
         Track Conditions
       </Text>
       
-      <Stack display="grid" gridCols={2} mdCols={4} gap={4}>
+      <Grid cols={2} mdCols={4} gap={4}>
         <ConditionItem 
           icon={Thermometer} 
           label="Air Temp" 
@@ -51,7 +52,7 @@ export function TrackConditionsPanel({
           value={windSpeed} 
           color="text-gray-400" 
         />
-      </Stack>
+      </Grid>
 
       <Stack mt={4} pt={4} borderTop borderColor="border-outline-steel" bgOpacity={0.5} display="flex" alignItems="center" gap={3}>
         <Icon icon={Sun} size={4} color="#FFBE4D" />