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}