19: mobile responsive - reduce main content padding on mobile (p-4 md:p-6)

apps/web/app/(dashboard)/layout.tsx

@@ -4,6 +4,7 @@ import { NetworkErrorBanner } from '@/components/network-error-banner';
 import { KeyboardShortcutsProvider } from '@/components/keyboard-shortcuts-provider';
 import { WebVitalsTracker } from '@/components/web-vitals-tracker';
 import { MobileBottomNav } from '@/components/mobile-bottom-nav';
+import { OnboardingFlow } from '@/components/onboarding/onboarding-flow';
 
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
   return (
@@ -17,12 +18,13 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
         <Sidebar />
         <div className="flex flex-1 flex-col pb-16 md:pb-0">
           <TopBar />
-          <main id="main-content" className="flex-1 overflow-auto p-6" tabIndex={-1}>
+          <main id="main-content" className="flex-1 overflow-auto p-4 md:p-6" tabIndex={-1}>
             {children}
           </main>
         </div>
       </div>
       <MobileBottomNav />
+      <OnboardingFlow onComplete={() => {}} />
       <div className="sr-only" aria-live="polite" aria-atomic="true" id="a11y-announcer" />
     </KeyboardShortcutsProvider>
   );