website refactor

apps/website/templates/RaceResultsTemplate.tsx

@@ -46,7 +46,7 @@ export function RaceResultsTemplate({
 
   if (isLoading) {
     return (
-      <Container size="lg" py={12}>
+      <Container size="lg" spacing="lg">
         <Stack alignItems="center">
           <Text color="text-gray-400">Loading results...</Text>
         </Stack>
@@ -56,7 +56,7 @@ export function RaceResultsTemplate({
 
   if (error && !viewData.raceTrack) {
     return (
-      <Container size="md" py={12}>
+      <Container size="md" spacing="lg">
         <Box bg="bg-surface-charcoal" border borderColor="border-outline-steel" p={12} textAlign="center" rounded="xl">
           <Stack alignItems="center" gap={4}>
             <Text color="text-warning-amber">{error?.message || 'Race not found'}</Text>
@@ -93,7 +93,7 @@ export function RaceResultsTemplate({
         onBack={onBack}
       />
 
-      <Container size="lg" py={8}>
+      <Container size="lg" spacing="md">
         <Stack gap={8}>
           {importSuccess && (
             <Box p={4} bg="bg-success-green" bgOpacity={0.1} border borderColor="border-success-green" rounded>