website refactor

apps/website/components/feed/FeedItemCard.tsx

@@ -3,6 +3,8 @@
 import React, { useEffect, useState } from 'react';
 import { Button } from '@/ui/Button';
 import { FeedItem } from '@/ui/FeedItem';
+import { Text } from '@/ui/Text';
+import { Stack } from '@/ui/Stack';
 import { TimeDisplay } from '@/lib/display-objects/TimeDisplay';
 
 interface FeedItemData {
@@ -50,10 +52,10 @@ export function FeedItemCard({ item }: FeedItemCardProps) {
       }}
       timestamp={TimeDisplay.timeAgo(item.timestamp)}
       content={
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-          <div style={{ fontWeight: 'bold' }}>{item.headline}</div>
-          {item.body && <div>{item.body}</div>}
-        </div>
+        <Stack gap={2}>
+          <Text weight="bold" variant="high">{item.headline}</Text>
+          {item.body && <Text variant="med">{item.body}</Text>}
+        </Stack>
       }
       actions={item.ctaHref && item.ctaLabel ? (
         <Button