Unify workspace dropdowns; Update layouts (#458)

Unified Account and Workspace drop-downs; Layout updates, now header lives within the PageBody component; Sidebars now use floating variant

apps/web/app/[locale]/home/[account]/settings/_components/settings-sub-navigation.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import {
+  BorderedNavigationMenu,
+  BorderedNavigationMenuItem,
+} from '@kit/ui/bordered-navigation-menu';
+
+import pathsConfig from '~/config/paths.config';
+
+export function SettingsSubNavigation(props: { account: string }) {
+  const settingsPath = pathsConfig.app.accountSettings.replace(
+    '[account]',
+    props.account,
+  );
+
+  const profilePath = pathsConfig.app.accountProfileSettings.replace(
+    '[account]',
+    props.account,
+  );
+
+  return (
+    <BorderedNavigationMenu>
+      <BorderedNavigationMenuItem
+        path={settingsPath}
+        label={'common.routes.settings'}
+        highlightMatch={`/home/${props.account}/settings$`}
+      />
+
+      <BorderedNavigationMenuItem
+        path={profilePath}
+        label={'common.routes.profile'}
+      />
+    </BorderedNavigationMenu>
+  );
+}