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

packages/email-templates/src/lib/i18n.ts

@@ -1,32 +1,47 @@
-import { createI18nSettings } from '@kit/i18n';
-import { initializeServerI18n } from '@kit/i18n/server';
+import type { AbstractIntlMessages } from 'next-intl';
+import { createTranslator } from 'next-intl';
 
-export function initializeEmailI18n(params: {
+export async function initializeEmailI18n(params: {
   language: string | undefined;
   namespace: string;
 }) {
-  const language =
-    params.language ?? process.env.NEXT_PUBLIC_DEFAULT_LOCALE ?? 'en';
+  const language = params.language ?? 'en';
 
-  return initializeServerI18n(
-    createI18nSettings({
+  try {
+    // Load the translation messages for the specified namespace
+    const messages = (await import(
+      `../locales/${language}/${params.namespace}.json`
+    )) as AbstractIntlMessages;
+
+    // Create a translator function with the messages
+    const translator = createTranslator({
+      locale: language,
+      messages,
+    });
+
+    // Type-cast to make it compatible with the i18next API
+    const t = translator as unknown as (
+      key: string,
+      values?: Record<string, unknown>,
+    ) => string;
+
+    // Return an object compatible with the i18next API
+    return {
+      t,
       language,
-      languages: [language],
-      namespaces: params.namespace,
-    }),
-    async (language, namespace) => {
-      try {
-        const data = await import(`../locales/${language}/${namespace}.json`);
+    };
+  } catch (error) {
+    console.log(
+      `Error loading i18n file: locales/${language}/${params.namespace}.json`,
+      error,
+    );
 
-        return data as Record<string, string>;
-      } catch (error) {
-        console.log(
-          `Error loading i18n file: locales/${language}/${namespace}.json`,
-          error,
-        );
+    // Return a fallback translator that returns the key as-is
+    const t = (key: string) => key;
 
-        return {};
-      }
-    },
-  );
+    return {
+      t,
+      language,
+    };
+  }
 }