website refactor

apps/website/ui/ContentViewport.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface ContentViewportProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+/**
+ * ContentViewport is the main data zone of the "Telemetry Workspace".
+ * It houses the primary content, track maps, and data tables.
+ * Aligned with "Precision Racing Minimal" theme.
+ */
+export function ContentViewport({ children, className = '' }: ContentViewportProps) {
+  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>
+  );
+}