website refactor

apps/website/components/dashboard/ActivityFeedPanel.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Panel } from '@/ui/Panel';
+import { Box } from '@/ui/Box';
+import { ActivityFeed } from '../feed/ActivityFeed';
+
+interface FeedItem {
+  id: string;
+  type: string;
+  headline: string;
+  body?: string;
+  timestamp: string;
+  formattedTime: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+}
+
+interface ActivityFeedPanelProps {
+  items: FeedItem[];
+  hasItems: boolean;
+}
+
+/**
+ * ActivityFeedPanel
+ * 
+ * A semantic wrapper for the activity feed.
+ */
+export function ActivityFeedPanel({ items, hasItems }: ActivityFeedPanelProps) {
+  return (
+    <Panel title="Activity Feed" padding={0}>
+      <Box px={6} pb={6}>
+        <ActivityFeed items={items} hasItems={hasItems} />
+      </Box>
+    </Panel>
+  );
+}