cleanup languages providers

apps/login/src/app/(login)/layout.tsx

@@ -2,7 +2,6 @@ import "@/styles/globals.scss";
 
 import { BackgroundWrapper } from "@/components/background-wrapper";
 import { LanguageProvider } from "@/components/language-provider";
-import { LanguagesProvider } from "@/components/languages-context";
 import { Skeleton } from "@/components/skeleton";
 import { ThemeProvider } from "@/components/theme-provider";
 import ThemeSwitch from "@/components/theme-switch";
@@ -64,16 +63,14 @@ export default async function RootLayout({ children }: { children: React.ReactNo
                 </BackgroundWrapper>
               }
             >
-              <LanguageProvider>
-                <LanguagesProvider languages={languages}>
-                  <BackgroundWrapper
-                    className={`bg-background-light-600 dark:bg-background-dark-600 relative flex min-h-screen flex-col justify-center`}
-                  >
-                    <div className="relative mx-auto w-full max-w-[1100px] py-8">
-                      <div>{children}</div>
-                    </div>
-                  </BackgroundWrapper>
-                </LanguagesProvider>
+              <LanguageProvider languages={languages}>
+                <BackgroundWrapper
+                  className={`bg-background-light-600 dark:bg-background-dark-600 relative flex min-h-screen flex-col justify-center`}
+                >
+                  <div className="relative mx-auto w-full max-w-[1100px] py-8">
+                    <div>{children}</div>
+                  </div>
+                </BackgroundWrapper>
               </LanguageProvider>
             </Suspense>
           </Tooltip.Provider>

apps/login/src/components/language-provider.tsx

@@ -1,9 +1,19 @@
+import { Lang } from "@/lib/i18n";
 import { NextIntlClientProvider } from "next-intl";
 import { getMessages } from "next-intl/server";
 import { ReactNode } from "react";
+import { LanguagesProvider } from "./languages-context";
 
-export async function LanguageProvider({ children }: { children: ReactNode }) {
+/**
+ * Server component that provides both next-intl messages and the allowed
+ * languages list to the client component tree.
+ */
+export async function LanguageProvider({ languages, children }: { languages: Lang[]; children: ReactNode }) {
   const messages = await getMessages();
 
-  return <NextIntlClientProvider messages={messages}>{children}</NextIntlClientProvider>;
+  return (
+    <NextIntlClientProvider messages={messages}>
+      <LanguagesProvider languages={languages}>{children}</LanguagesProvider>
+    </NextIntlClientProvider>
+  );
 }