feat: consolidate shared UI and harden browser authority for release

webui/src/features/settings/SettingsPage.tsx

@@ -1,5 +1,5 @@
 import DescriptionList from "../../components/DescriptionList";
-import ContentGrid, { FormGrid } from "../../components/ContentGrid";
+import ContentGrid, { FormGrid, GridItem } from "../../components/ContentGrid";
 import { useEffect, useMemo, useState } from "react";
 import { useSearchParams } from "react-router";
 import type { AppearanceOverridesDocument, ApiSettings, AuthInfo, AuthUpdate, FilesConnectorsUiCapability, MailProfilesUiCapability, NavigationPreferences, SettingsSectionContribution, SettingsSectionsUiCapability, UserUiPalette, UserUiPreferences, UserUiTheme } from "../../types";
@@ -553,15 +553,16 @@ export default function SettingsPage({
                   <span>i18n:govoplan-core.template_placeholder_chips_and_preview_overlays.11634d55</span>
                 </div>
               </Card>
-              <Card title="Navigation order">
+              <GridItem span="full"><Card title="Navigation order">
                 <NavigationPreferenceEditor
                   items={navigationItems}
+                  productAreas={platformModules.flatMap((module) => module.productAreas ?? [])}
                   value={navigation}
                   onChange={setNavigation}
                   scope="user"
                   disabled={uiBusy}
                 />
-              </Card>
+              </Card></GridItem>
             </ContentGrid>
           }