fix(docs): suppress AppSidebar on /docs so the docs nav is the only sidebar

Two-sidebar stack (AppSidebar at left edge of viewport + the in-page
DocsSidebar right next to it) read as cluttered even after the prior
collision fix.  ``/docs`` ships with its own dense docs nav that
wants to be the primary sidebar while reading; the global app nav is
visual noise in that mode.

Wrapped the AppSidebar render, its mobile hamburger toggle, and the
mobile drawer backdrop in a ``hideAppSidebar = location.pathname.
startsWith("/docs")`` guard inside ``Layout.jsx``.  When signed-in
users land on /docs, they now see only the docs sidebar inside
``.main``; the page header (logo + OrgSwitcher + plan badge +
NotificationBell + UserButton) stays as the global affordance for
leaving docs.

Other ``SmartLayout``-routed pages (/pricing, /sentinel) still render
the AppSidebar — the pattern is per-route, not for everything that
happens to share PublicLayout-able URLs.  If we add another page in
the future that owns its own primary nav, just extend the same
``startsWith`` check.

Verification: ``npm run build`` clean (485ms), ``npm run test`` 55/55
green.

Author: Sbussiso

frontend/src/components/Layout.jsx

@@ -16,6 +16,14 @@ function Layout() {
   const isProPlus = planName === "pro_plus"
   const isPro = planName === "pro" || isProPlus
 
+  // Routes that own their own primary sidebar — when we're on one of
+  // them, suppress the global AppSidebar (and its mobile hamburger)
+  // so we don't end up with two sidebars stacked at left:0.  /docs
+  // ships with the dense in-page docs nav (DocsSidebar) which is the
+  // right primary nav while reading; signed-in users can still jump
+  // back via the logo or browser back.
+  const hideAppSidebar = location.pathname.startsWith("/docs")
+
   useEffect(() => {
     setSidebarOpen(false)
   }, [location.pathname])
@@ -38,15 +46,17 @@ function Layout() {
         <div className="header-content">
           <div className="header-left">
             <SignedIn>
-              <button
-                type="button"
-                className="app-sidebar-toggle"
-                aria-label={sidebarOpen ? "Close navigation" : "Open navigation"}
-                aria-expanded={sidebarOpen}
-                onClick={() => setSidebarOpen((o) => !o)}
-              >
-                <span aria-hidden="true">☰</span>
-              </button>
+              {!hideAppSidebar && (
+                <button
+                  type="button"
+                  className="app-sidebar-toggle"
+                  aria-label={sidebarOpen ? "Close navigation" : "Open navigation"}
+                  aria-expanded={sidebarOpen}
+                  onClick={() => setSidebarOpen((o) => !o)}
+                >
+                  <span aria-hidden="true">☰</span>
+                </button>
+              )}
             </SignedIn>
 
             <Link to="/" className="logo">
@@ -92,20 +102,24 @@ function Layout() {
 
       <div className="layout-body">
         <SignedIn>
-          <AppSidebar open={sidebarOpen} onClose={() => setSidebarOpen(false)} />
+          {!hideAppSidebar && (
+            <AppSidebar open={sidebarOpen} onClose={() => setSidebarOpen(false)} />
+          )}
         </SignedIn>
         <main className="main">
           <Outlet />
         </main>
       </div>
 
       <SignedIn>
-        <div
-          className="app-sidebar-backdrop"
-          data-open={sidebarOpen ? "true" : "false"}
-          onClick={() => setSidebarOpen(false)}
-          aria-hidden="true"
-        />
+        {!hideAppSidebar && (
+          <div
+            className="app-sidebar-backdrop"
+            data-open={sidebarOpen ? "true" : "false"}
+            onClick={() => setSidebarOpen(false)}
+            aria-hidden="true"
+          />
+        )}
       </SignedIn>
 
       <ToastContainer />