fix(dashboard): Move shared config for global-languages to reuse (#4024)

packages/dashboard/src/app/routes/_authenticated/_global-settings/global-settings.tsx

@@ -23,7 +23,7 @@ import { Trans, useLingui } from '@lingui/react/macro';
 import { createFileRoute, useNavigate } from '@tanstack/react-router';
 import { toast } from 'sonner';
 import { globalSettingsDocument, updateGlobalSettingsDocument } from './global-settings.graphql.js';
-import { globalLanguageCodes } from './utils/global-languages.js';
+import { globalLanguageCodes } from '@/vdb/utils/global-languages.js';
 
 const pageId = 'global-settings';
 

packages/dashboard/src/lib/components/layout/manage-languages-dialog.tsx

@@ -18,6 +18,7 @@ import { useChannel } from '@/vdb/hooks/use-channel.js';
 import { useLocalFormat } from '@/vdb/hooks/use-local-format.js';
 import { usePermissions } from '@/vdb/hooks/use-permissions.js';
 import { useSortedLanguages } from '@/vdb/hooks/use-sorted-languages.js';
+import { globalLanguageCodes } from '@/vdb/utils/global-languages.js';
 import { Trans } from '@lingui/react/macro';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { AlertCircle, Lock } from 'lucide-react';
@@ -68,36 +69,12 @@ const updateChannelDocument = graphql(`
     }
 `);
 
-// All possible language codes for global settings - includes more than what might be globally enabled
-const ALL_LANGUAGE_CODES = [
-    'en',
-    'es',
-    'fr',
-    'de',
-    'it',
-    'pt',
-    'nl',
-    'pl',
-    'ru',
-    'ja',
-    'zh',
-    'ko',
-    'ar',
-    'hi',
-    'sv',
-    'da',
-    'nb',
-    'nn',
-    'fi',
-];
-
 interface ManageLanguagesDialogProps {
     open: boolean;
     onClose: () => void;
 }
 
 export function ManageLanguagesDialog({ open, onClose }: ManageLanguagesDialogProps) {
-    const { formatLanguageName } = useLocalFormat();
     const { activeChannel } = useChannel();
     const { hasPermissions } = usePermissions();
     const queryClient = useQueryClient();
@@ -309,7 +286,7 @@ export function ManageLanguagesDialog({ open, onClose }: ManageLanguagesDialogPr
                                         value={globalLanguages}
                                         onChange={handleGlobalLanguagesChange}
                                         multiple={true}
-                                        availableLanguageCodes={ALL_LANGUAGE_CODES}
+                                        availableLanguageCodes={globalLanguageCodes}
                                     />
                                 </div>
                                 <p className="text-xs text-muted-foreground">