fix(website): normalize founder portal page widths across profile, applications, and ranks (#12)

Co-authored-by: Developer <dev@example.com>

website/app/clubs/[clubId]/manage/ranks-roles/page.tsx

@@ -135,7 +135,7 @@ export default function ClubFounderRanksRolesPage({ params }: PageProps) {
       pendingApplicationsCount={0}
       upcomingRidesCount={0}
     >
-      <div className="max-w-6xl mx-auto space-y-6 pb-12">
+      <div className="w-full space-y-6 pb-12">
         {/* Header */}
         <section className="p-6 rounded-2xl glass-card border border-brand-border/60 relative overflow-hidden flex flex-col md:flex-row md:items-end justify-between gap-4 shadow-lg">
           <div className="absolute top-0 left-0 right-0 h-0.5 bg-gradient-to-r from-brand-cyan/60 via-brand-cyan/20 to-transparent" />

website/components/founder-portal/founder-applications.tsx

@@ -169,7 +169,7 @@ export function FounderApplications({
   }
 
   return (
-    <div className="max-w-6xl mx-auto space-y-6">
+    <div className="w-full space-y-6">
       {/* 1. PAGE HEADER */}
       <section className="p-6 rounded-2xl glass-card border border-brand-border/60 relative overflow-hidden flex flex-col md:flex-row md:items-end justify-between gap-4 shadow-lg">
         <div className="absolute top-0 left-0 right-0 h-0.5 bg-gradient-to-r from-brand-cyan/60 via-brand-cyan/20 to-transparent" />

website/components/founder-portal/founder-profile-editor.tsx

@@ -134,7 +134,7 @@ export function FounderProfileEditor({
   }
 
   return (
-    <div className="max-w-6xl mx-auto space-y-6 pb-12">
+    <div className="w-full space-y-6 pb-12">
       {/* 3. PAGE HEADER */}
       <section className="border-b border-brand-border/60 pb-6 flex flex-col md:flex-row md:items-end justify-between gap-4">
         <div>

website/tests/founder-portal.test.cjs

@@ -1040,7 +1040,33 @@ async function runAllTests() {
 
   console.log('  PASS: FP-16 Tests A through N verified (Route exists, Owner/Admin access, Member denial, Unauth denial, discovery-pending production state, unsupported broad query absent, actions disabled, model corrections, privacy notice, dev-gated preview, production fixture isolation, Sidebar/TopBar, fixtures valid).');
 
-  console.log('--- ALL FOUNDER PORTAL TESTS PASSED (25/25) ---');
+  // =========================================================================
+  // TEST 26: Founder Portal Page Width Normalization Invariant
+  // =========================================================================
+  console.log('Testing: Founder Portal page width normalization across Profile, Applications, and Ranks & Roles...');
+
+  const profileEditorSrc = fs.readFileSync(path.resolve(__dirname, '../components/founder-portal/founder-profile-editor.tsx'), 'utf8');
+  const appNormalizedSrc = fs.readFileSync(path.resolve(__dirname, '../components/founder-portal/founder-applications.tsx'), 'utf8');
+  const ranksPageSrc = fs.readFileSync(path.resolve(__dirname, '../app/clubs/[clubId]/manage/ranks-roles/page.tsx'), 'utf8');
+
+  // Assert Profile Editor canvas normalization
+  assert(!profileEditorSrc.includes('max-w-6xl mx-auto'), 'founder-profile-editor.tsx must NOT contain restrictive max-w-6xl mx-auto container');
+  assert(!profileEditorSrc.includes('max-w-7xl mx-auto'), 'founder-profile-editor.tsx must NOT contain max-w-7xl mx-auto container');
+  assert(profileEditorSrc.includes('<div className="w-full space-y-6 pb-12">'), 'founder-profile-editor.tsx must use w-full canvas matching Overview');
+
+  // Assert Applications canvas normalization
+  assert(!appNormalizedSrc.includes('max-w-6xl mx-auto'), 'founder-applications.tsx must NOT contain restrictive max-w-6xl mx-auto container');
+  assert(!appNormalizedSrc.includes('max-w-7xl mx-auto'), 'founder-applications.tsx must NOT contain max-w-7xl mx-auto container');
+  assert(appNormalizedSrc.includes('<div className="w-full space-y-6">'), 'founder-applications.tsx must use w-full canvas matching Overview');
+
+  // Assert Ranks & Roles canvas normalization
+  assert(!ranksPageSrc.includes('max-w-6xl mx-auto'), 'ranks-roles/page.tsx must NOT contain restrictive max-w-6xl mx-auto container');
+  assert(!ranksPageSrc.includes('max-w-7xl mx-auto'), 'ranks-roles/page.tsx must NOT contain max-w-7xl mx-auto container');
+  assert(ranksPageSrc.includes('<div className="w-full space-y-6 pb-12">'), 'ranks-roles/page.tsx must use w-full canvas matching Overview');
+
+  console.log('  PASS: Page width normalization verified (Profile, Applications, Ranks & Roles all use w-full canvas without restrictive max-w-6xl caps).');
+
+  console.log('--- ALL FOUNDER PORTAL TESTS PASSED (26/26) ---');
 }
 
 runAllTests().catch((err) => {