Simplify settings workspace and fix responsive admin controls

frontend/app/ui/WorkspaceNavigation.tsx

@@ -39,6 +39,7 @@ export default function WorkspaceNavigation() {
   const pathname = usePathname()
   const [role, setRole] = useState<string | null>(null)
   const [ready, setReady] = useState(false)
+  const [showRequestsNav, setShowRequestsNav] = useState(true)
 
   useEffect(() => {
     const token = getToken()
@@ -46,28 +47,32 @@ export default function WorkspaceNavigation() {
       setReady(true)
       return
     }
-    authFetch(`${getApiBase()}/auth/me`)
-      .then(async (response) => {
+    Promise.all([
+      authFetch(`${getApiBase()}/auth/me`),
+      fetch(`${getApiBase()}/site/public`).catch(() => null),
+    ])
+      .then(async ([response, siteResponse]) => {
         if (response.ok) setRole((await response.json())?.role ?? 'user')
+        if (siteResponse?.ok) setShowRequestsNav((await siteResponse.json())?.navigation?.showRequests !== false)
       })
       .catch(() => undefined)
       .finally(() => setReady(true))
   }, [])
 
-  if (!ready || !getToken() || HIDDEN_ROUTES.some((route) => pathname.startsWith(route)) || pathname.startsWith('/admin')) {
+  if (!ready || !getToken() || HIDDEN_ROUTES.some((route) => pathname.startsWith(route))) {
     return null
   }
 
-  const items = NAVIGATION.filter((item) => !item.adminOnly || role === 'admin')
+  const items = NAVIGATION.filter((item) => (!item.adminOnly || role === 'admin') && (showRequestsNav || item.href !== '/new-requests'))
 
   return (
     <>
-      <aside className="workspace-sidebar" aria-label="Workspace navigation">
+      {!pathname.startsWith('/admin') && <aside className="workspace-sidebar" aria-label="Workspace navigation">
         <div className="workspace-sidebar-identity">
           <BrandingLogo className="workspace-sidebar-logo" />
           <div><strong>{role === 'admin' ? 'Magent Admin' : 'Magent'}</strong><span>Media operations workspace</span></div>
         </div>
-        <a className="workspace-new-request" href="/new-requests"><span>+</span> New request</a>
+        {showRequestsNav && <a className="workspace-new-request" href="/new-requests"><span>+</span> New request</a>}
         <nav>
           {items.map((item) => (
             <a key={item.href} href={item.href} className={item.match(pathname) ? 'is-active' : undefined}>
@@ -79,7 +84,7 @@ export default function WorkspaceNavigation() {
           <a href="/feedback">Support</a>
           <a href={role === 'admin' ? '/admin' : '/profile'}>Settings</a>
         </div>
-      </aside>
+      </aside>}
       <nav className="workspace-mobile-nav" aria-label="Mobile navigation">
         {items.slice(0, 5).map((item) => (
           <a key={item.href} href={item.href} className={item.match(pathname) ? 'is-active' : undefined}>