website refactor

apps/website/ui/ContentViewport.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 interface ContentViewportProps {
   children: React.ReactNode;
   className?: string;
+  fullWidth?: boolean;
 }
 
 /**
@@ -10,10 +11,10 @@ interface ContentViewportProps {
  * It houses the primary content, track maps, and data tables.
  * Aligned with "Precision Racing Minimal" theme.
  */
-export function ContentViewport({ children, className = '' }: ContentViewportProps) {
+export function ContentViewport({ children, className = '', fullWidth = false }: 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">
+      <div className={fullWidth ? '' : 'max-w-7xl mx-auto px-4 md:px-6 py-6'}>
         {children}
       </div>
     </main>