website refactor

apps/website/templates/RaceDetailTemplate.tsx

@@ -117,7 +117,7 @@ export function RaceDetailTemplate({
 }: RaceDetailTemplateProps) {
   if (isLoading) {
     return (
-      <Container size="lg" py={8}>
+      <Container size="lg" spacing="md">
         <Stack gap={6}>
           <Skeleton width="8rem" height="1.5rem" />
           <Skeleton width="100%" height="12rem" />
@@ -134,7 +134,7 @@ export function RaceDetailTemplate({
 
   if (error || !viewData || !viewData.race) {
     return (
-      <Container size="md" py={8}>
+      <Container size="md" spacing="md">
         <Box bg="bg-surface-charcoal" border borderColor="border-outline-steel" p={12} textAlign="center" rounded="xl">
           <Stack alignItems="center" gap={4}>
             <Text as="h2" size="xl" weight="bold" color="text-white">Race Not Found</Text>
@@ -174,7 +174,7 @@ export function RaceDetailTemplate({
         onBack={onBack}
       />
 
-      <Container size="lg" py={8}>
+      <Container size="lg" spacing="md">
         <Stack gap={8}>
           {userResult && (
             <RaceUserResult