website refactor

apps/website/ui/ContentShell.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface ContentShellProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+/**
+ * ContentShell is the main data zone of the application.
+ * It houses the primary content and track maps/data tables.
+ */
+export function ContentShell({ children, className = '' }: ContentShellProps) {
+  return (
+    <main className={`flex-1 overflow-y-auto bg-[#0C0D0F] ${className}`}>
+      <div className="max-w-7xl mx-auto px-4 md:px-6 py-6">
+        {children}
+      </div>
+    </main>
+  );
+}