fix(web): landing page no longer nested inside Layout header/footer

When pathname is '/', Layout now renders only the Outlet without its
own header/footer chrome, so the landing page's self-contained layout
displays correctly.

web/src/app/layout.tsx

@@ -1,9 +1,19 @@
 import { Suspense } from 'react'
-import { Outlet, Link } from '@tanstack/react-router'
+import { Outlet, Link, useRouterState } from '@tanstack/react-router'
 import { useAuth } from '@/features/auth/use-auth'
 
 export function Layout() {
   const { user, isLoading } = useAuth()
+  const pathname = useRouterState({ select: (s) => s.location.pathname })
+  const isLanding = pathname === '/'
+
+  if (isLanding) {
+    return (
+      <Suspense fallback={null}>
+        <Outlet />
+      </Suspense>
+    )
+  }
 
   return (
     <div className="min-h-screen bg-background bg-dots relative">