website refactor

apps/website/components/feed/ActivityFeedList.tsx

@@ -1,3 +1,4 @@
+import { Stack } from '@/ui/Stack';
 import React, { ReactNode } from 'react';
 
 interface ActivityFeedListProps {
@@ -6,8 +7,8 @@ interface ActivityFeedListProps {
 
 export function ActivityFeedList({ children }: ActivityFeedListProps) {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+    <Stack gap={4}>
       {children}
-    </div>
+    </Stack>
   );
 }

apps/website/components/feed/FeedList.tsx

@@ -1,5 +1,6 @@
 import { FeedItemCard } from '@/components/feed/FeedItemCard';
 import { FeedEmptyState } from '@/ui/FeedEmptyState';
+import { Stack } from '@/ui/Stack';
 import React from 'react';
 
 interface FeedItemData {
@@ -23,10 +24,10 @@ export function FeedList({ items }: FeedListProps) {
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+    <Stack gap={4}>
       {items.map(item => (
         <FeedItemCard key={item.id} item={item} />
       ))}
-    </div>
+    </Stack>
   );
 }