website refactor

apps/website/components/feed/ActivityFeed.tsx

@@ -9,6 +9,8 @@ import { Icon } from '@/ui/Icon';
 import { EmptyState } from '@/ui/EmptyState';
 import { Button } from '@/ui/Button';
 
+import { Stack } from '@/ui/Stack';
+
 interface FeedItem {
   id: string;
   headline: string;
@@ -32,7 +34,7 @@ export function ActivityFeed({ items, hasItems }: ActivityFeedProps) {
         actions={<Icon icon={Activity} size={5} intent="primary" />}
       />
       {hasItems ? (
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+        <Stack gap={4}>
           {items.slice(0, 5).map((item) => (
             <ActivityItem
               key={item.id}
@@ -47,7 +49,7 @@ export function ActivityFeed({ items, hasItems }: ActivityFeedProps) {
               )}
             </ActivityItem>
           ))}
-        </div>
+        </Stack>
       ) : (
         <EmptyState
           icon={Activity}

apps/website/components/feed/FeedLayout.tsx

@@ -4,8 +4,8 @@ import { UpcomingRacesSidebar } from '@/components/races/UpcomingRacesSidebar';
 import { Card } from '@/ui/Card';
 import { Container } from '@/ui/Container';
 import { Heading } from '@/ui/Heading';
-import { Grid } from '@/ui/primitives/Grid';
-import { Stack } from '@/ui/primitives/Stack';
+import { Grid } from '@/ui/Grid';
+import { Stack } from '@/ui/Stack';
 import { Section } from '@/ui/Section';
 import { Text } from '@/ui/Text';