put the settings section in the url

Five settings pages moved from a `*_SELECTED` global to `/settings/:page/:section`. The
sidebar entry is a react-router `<NavLink>` rather than a button holding the key in its
onClick closure, so a section is linkable, cmd-clickable and gets its active state from the
router; each page renders one `SettingsRoute` guard that canonicalises both the bare route
and a section that does not exist.

Integrations needed more than the shared factory. It builds its own sidebar, and it kept the
Enterprise/Personal tab in a second global — which is why a deep link to a Personal section
could never have worked: the link set the section, the tab stayed on Enterprise, and the
content pane said "Select a section" about a section that existed. The tab is derived from
the section key now.

Also removes the `/settings/resources` menu item (audit M8) and its two locale keys: there
has never been such a route, so it bounced to the catch-all and out to `/`.

src/apps/officer-web/Screens/Dashboard/Settings/AISettings.tsx

@@ -7,7 +7,7 @@ import type { LayoutNode, PanelComponents } from 'officerdev';
 import { WorkspaceLayout } from 'officerdev';
 import { useAuth } from 'hooks/useAuth';
 
-import { createSettingsPanelComponents, type SettingsSectionGroup } from './SettingsPanel';
+import { SettingsRoute, createSettingsPanelComponents, type SettingsSectionGroup } from './SettingsPanel';
 import { useSettings } from 'state/useSettings';
 import type { UserSettings } from 'state/useSettings';
 import { useModels, useVisibleModels, modelKey, getProviderDisplayName, type ModelOption } from 'state/useModels';
@@ -462,6 +462,8 @@ function useAISettingsGroups(): SettingsSectionGroup[] {
   }, []);
 }
 
+const BASE_PATH = '/settings/ai';
+
 const layout: LayoutNode = {
   type: 'group',
   id: 'ai-root',
@@ -475,10 +477,10 @@ const layout: LayoutNode = {
 export const AISettings = () => {
   const groups = useAISettingsGroups();
 
-  const { Sidebar, Content } = useMemo(
+  const { Sidebar, Content, allSections } = useMemo(
     () =>
       createSettingsPanelComponents({
-        globalKey: 'AI_SETTINGS_SELECTED',
+        basePath: BASE_PATH,
         sidebarIcon: Bot,
         sidebarLabel: 'AI',
         groups,
@@ -495,8 +497,10 @@ export const AISettings = () => {
   );
 
   return (
-    <div className="h-full w-full pt-2">
-      <WorkspaceLayout layout={layout} onLayoutChange={() => {}} components={panelComponents} />
-    </div>
+    <SettingsRoute basePath={BASE_PATH} sections={allSections}>
+      <div className="h-full w-full pt-2">
+        <WorkspaceLayout layout={layout} onLayoutChange={() => {}} components={panelComponents} />
+      </div>
+    </SettingsRoute>
   );
 };