Fix dead space: remove max-w-6xl, edge-to-edge heroes, full-width layout

Layout:
- Removed max-w-6xl from <main> — content now fills available width
- Removed padding from <main> — each page manages its own padding
- Heroes go edge-to-edge (no inner margins)
- Content below heroes has p-4 md:p-6 lg:p-8 padding wrapper
- WhatsApp banner has its own margin so it doesn't break hero bleed
- overflow-hidden on main prevents horizontal scroll from heroes

All 6 pages:
- Hero section sits flush against edges (no gaps)
- Content below hero wrapped in padding container
- Two-column grids now use the FULL available width
- On a 1920px screen: sidebar 192px + content fills remaining ~1728px
- Right columns are now substantial (5/12 of full width = ~720px)

pledge-now-pay-later/src/app/dashboard/page.tsx

@@ -134,7 +134,7 @@ export default function DashboardPage() {
     : "Friends at a charity dinner — where pledges begin"
 
   return (
-    <div className="space-y-6">
+    <div>
 
       {/* ━━ HERO — Brand photography + the one thing that matters ━━━ */}
       <div className="grid md:grid-cols-5 gap-0">
@@ -202,6 +202,9 @@ export default function DashboardPage() {
         </div>
       </div>
 
+      {/* ── Content with padding ── */}
+      <div className="p-4 md:p-6 lg:p-8 space-y-6">
+
       {/* ── Empty state: Share your link ── */}
       {isEmpty && pledgeLink && (
         <div className="space-y-6">
@@ -487,6 +490,8 @@ export default function DashboardPage() {
           </div>
         </>
       )}
+
+      </div>
     </div>
   )
 }