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/components/root-providers.tsx

@@ -1,10 +1,9 @@
 'use client';
 
-import { useMemo } from 'react';
-
+import type { AbstractIntlMessages } from 'next-intl';
 import { ThemeProvider } from 'next-themes';
 
-import { I18nProvider } from '@kit/i18n/provider';
+import { I18nClientProvider } from '@kit/i18n/provider';
 import { MonitoringProvider } from '@kit/monitoring/components';
 import { AppEventsProvider } from '@kit/shared/events';
 import { If } from '@kit/ui/if';
@@ -14,34 +13,32 @@ import { AnalyticsProvider } from '~/components/analytics-provider';
 import { AuthProvider } from '~/components/auth-provider';
 import appConfig from '~/config/app.config';
 import featuresFlagConfig from '~/config/feature-flags.config';
-import { i18nResolver } from '~/lib/i18n/i18n.resolver';
-import { getI18nSettings } from '~/lib/i18n/i18n.settings';
 
 import { ReactQueryProvider } from './react-query-provider';
 
 type RootProvidersProps = React.PropsWithChildren<{
   // The language to use for the app (optional)
-  lang?: string;
+  locale?: string;
   // The theme (light or dark or system) (optional)
   theme?: string;
   // The CSP nonce to pass to scripts (optional)
   nonce?: string;
+  messages: AbstractIntlMessages;
 }>;
 
 export function RootProviders({
-  lang,
+  locale = 'en',
+  messages,
   theme = appConfig.theme,
   nonce,
   children,
 }: RootProvidersProps) {
-  const i18nSettings = useMemo(() => getI18nSettings(lang), [lang]);
-
   return (
     <MonitoringProvider>
       <AppEventsProvider>
         <AnalyticsProvider>
           <ReactQueryProvider>
-            <I18nProvider settings={i18nSettings} resolver={i18nResolver}>
+            <I18nClientProvider locale={locale!} messages={messages}>
               <AuthProvider>
                 <ThemeProvider
                   attribute="class"
@@ -58,7 +55,7 @@ export function RootProviders({
               <If condition={featuresFlagConfig.enableVersionUpdater}>
                 <VersionUpdater />
               </If>
-            </I18nProvider>
+            </I18nClientProvider>
           </ReactQueryProvider>
         </AnalyticsProvider>
       </AppEventsProvider>