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/home/(user)/settings/layout.tsx

@@ -1,22 +0,0 @@
-import { AppBreadcrumbs } from '@kit/ui/app-breadcrumbs';
-import { Trans } from '@kit/ui/trans';
-
-import { withI18n } from '~/lib/i18n/with-i18n';
-
-// local imports
-import { HomeLayoutPageHeader } from '../_components/home-page-header';
-
-function UserSettingsLayout(props: React.PropsWithChildren) {
-  return (
-    <>
-      <HomeLayoutPageHeader
-        title={<Trans i18nKey={'account:routes.settings'} />}
-        description={<AppBreadcrumbs />}
-      />
-
-      {props.children}
-    </>
-  );
-}
-
-export default withI18n(UserSettingsLayout);

apps/web/app/home/(user)/settings/page.tsx

@@ -1,61 +0,0 @@
-import { use } from 'react';
-
-import { PersonalAccountSettingsContainer } from '@kit/accounts/personal-account-settings';
-import { PageBody } from '@kit/ui/page';
-
-import authConfig from '~/config/auth.config';
-import featureFlagsConfig from '~/config/feature-flags.config';
-import pathsConfig from '~/config/paths.config';
-import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
-import { withI18n } from '~/lib/i18n/with-i18n';
-import { requireUserInServerComponent } from '~/lib/server/require-user-in-server-component';
-
-// Show email option if password, magic link, or OTP is enabled
-const showEmailOption =
-  authConfig.providers.password ||
-  authConfig.providers.magicLink ||
-  authConfig.providers.otp;
-
-const features = {
-  showLinkEmailOption: showEmailOption,
-  enablePasswordUpdate: authConfig.providers.password,
-  enableAccountDeletion: featureFlagsConfig.enableAccountDeletion,
-  enableAccountLinking: authConfig.enableIdentityLinking,
-};
-
-const providers = authConfig.providers.oAuth;
-
-const callbackPath = pathsConfig.auth.callback;
-const accountSettingsPath = pathsConfig.app.accountSettings;
-
-const paths = {
-  callback: callbackPath + `?next=${accountSettingsPath}`,
-};
-
-export const generateMetadata = async () => {
-  const i18n = await createI18nServerInstance();
-  const title = i18n.t('account:settingsTab');
-
-  return {
-    title,
-  };
-};
-
-function PersonalAccountSettingsPage() {
-  const user = use(requireUserInServerComponent());
-
-  return (
-    <PageBody>
-      <div className={'flex w-full flex-1 flex-col lg:max-w-2xl'}>
-        <PersonalAccountSettingsContainer
-          userId={user.id}
-          features={features}
-          paths={paths}
-          providers={providers}
-        />
-      </div>
-    </PageBody>
-  );
-}
-
-export default withI18n(PersonalAccountSettingsPage);