fix admin translation loading issue (#5956)

frontend/app/src/components/App.svelte

@@ -45,6 +45,7 @@
     import IncomingCall from "./home/video/IncomingCall.svelte";
     import InstallPrompt from "./home/InstallPrompt.svelte";
     import NotificationsBar from "./home/NotificationsBar.svelte";
+    import { reviewingTranslations } from "../i18n/i18n";
 
     overrideItemIdKeyNameBeforeInitialisingDndZones("_id");
 
@@ -428,7 +429,7 @@
 {:else if $identityState.kind === "upgrading_user" || $identityState.kind === "upgrade_user"}
     <Upgrading />
 {:else if $identityState.kind === "anon" || $identityState.kind === "logging_in" || $identityState.kind === "registering" || $identityState.kind === "logged_in" || $identityState.kind === "loading_user" || $identityState.kind === "challenging"}
-    {#if !$isLoading}
+    {#if !$isLoading || $reviewingTranslations}
         <Router
             on:hangup={hangup}
             on:askToSpeak={askToSpeak}

frontend/app/src/components/home/admin/ReviewTranslationCorrections.svelte

@@ -16,10 +16,10 @@
         RejectReason,
         TranslationCorrection,
     } from "openchat-client";
-    import { getContext, onMount } from "svelte";
+    import { getContext, onDestroy, onMount } from "svelte";
     import { iconSize } from "../../../stores/iconSize";
     import { toastStore } from "../../../stores/toast";
-    import { i18nKey } from "../../../i18n/i18n";
+    import { i18nKey, reviewingTranslations } from "../../../i18n/i18n";
     import { menuCloser } from "../../../actions/closeMenu";
 
     const client = getContext<OpenChat>("client");
@@ -35,12 +35,15 @@
     $: formattedBalance = client.formatTokens(chatBalance, 8);
 
     onMount(async () => {
+        reviewingTranslations.set(true);
         await client.getProposedTranslationCorrections().then(async (res) => {
             corrections = await loadRequiredLocales(flattenCorrections(res));
         });
         refreshBalance();
     });
 
+    onDestroy(() => reviewingTranslations.set(false));
+
     // Since the locales are lazy loaded, we need to determine the locales for which we have corrections
     // and trigger the loading of the current translations for each of those locales.
     async function loadRequiredLocales(
@@ -51,9 +54,9 @@
             all.add(c.locale);
             return all;
         }, new Set<string>());
-        await [...locales].reduce((p, l) => {
-            return p.then(() => locale.set(l));
-        }, Promise.resolve());
+        for (const l of locales) {
+            await locale.set(l);
+        }
         await locale.set(currentLocale);
         return corrections;
     }

frontend/app/src/i18n/i18n.ts

@@ -154,6 +154,7 @@ export function interpolate(
 
 export const editmode = writable<boolean>(false);
 export const editingLabel = writable<ResourceKey | undefined>(undefined);
+export const reviewingTranslations = writable<boolean>(false);
 
 export function i18nKey(
     key: string,