Add noPadding prop to PageLayout for full-bleed pages

src/components/layout/PageLayout.tsx

@@ -26,8 +26,10 @@ const NAV_LINKS = [
 
 export default function PageLayout({
   children,
+  noPadding = false,
 }: {
   children: React.ReactNode;
+  noPadding?: boolean;
 }) {
   const location = useLocation();
   const user = useAuthStore((s) => s.user);
@@ -186,7 +188,7 @@ export default function PageLayout({
           </div>
         </div>
       </header>
-      <main className="mx-auto w-full max-w-4xl flex-1 px-4 py-6" role="main">
+      <main className={cn("mx-auto w-full max-w-4xl flex-1", noPadding ? "" : "px-4 py-6")} role="main">
         {children}
       </main>
     </div>