refactor: centralize Clerk localization handling in AppConfig

Author: ixartz

src/app/[locale]/(auth)/layout.tsx

@@ -1,5 +1,5 @@
 import { routing } from '@/libs/i18nRouting';
-import { enUS, frFR } from '@clerk/localizations';
+import { ClerkLocalizations } from '@/utils/AppConfig';
 import { ClerkProvider } from '@clerk/nextjs';
 import { setRequestLocale } from 'next-intl/server';
 
@@ -10,16 +10,12 @@ export default async function AuthLayout(props: {
   const { locale } = await props.params;
   setRequestLocale(locale);
 
-  let clerkLocale = enUS;
+  const clerkLocale = ClerkLocalizations.supportedLocales[locale] ?? ClerkLocalizations.defaultLocale;
   let signInUrl = '/sign-in';
   let signUpUrl = '/sign-up';
   let dashboardUrl = '/dashboard';
   let afterSignOutUrl = '/';
 
-  if (locale === 'fr') {
-    clerkLocale = frFR;
-  }
-
   if (locale !== routing.defaultLocale) {
     signInUrl = `/${locale}${signInUrl}`;
     signUpUrl = `/${locale}${signUpUrl}`;

src/utils/AppConfig.ts

@@ -1,4 +1,6 @@
+import type { LocalizationResource } from '@clerk/types';
 import type { LocalePrefixMode } from 'next-intl/routing';
+import { enUS, frFR } from '@clerk/localizations';
 
 const localePrefix: LocalePrefixMode = 'as-needed';
 
@@ -9,3 +11,13 @@ export const AppConfig = {
   defaultLocale: 'en',
   localePrefix,
 };
+
+const supportedLocales: Record<string, LocalizationResource> = {
+  en: enUS,
+  fr: frFR,
+};
+
+export const ClerkLocalizations = {
+  defaultLocale: enUS,
+  supportedLocales,
+};