Merge remote-tracking branch 'origin/develop' into feature/client_typescript_port1

; Conflicts:
;	package-lock.json
;	package.json
;	src/public/app/components/app_context.ts
;	src/public/app/services/hoisted_note.ts
;	src/public/app/services/open.ts
;	src/public/app/services/toast.ts

src/public/app/components/app_context.ts

@@ -13,6 +13,7 @@ import MobileScreenSwitcherExecutor from "./mobile_screen_switcher.js";
 import MainTreeExecutors from "./main_tree_executors.js";
 import toast from "../services/toast.js";
 import ShortcutComponent from "./shortcut_component.js";
+import { t, initLocale } from "../services/i18n.js";
 
 interface Layout {
     getRootWidget: (appContext: AppContext) => RootWidget;
@@ -48,16 +49,20 @@ class AppContext extends Component {
         this.beforeUnloadListeners = [];
     }
 
+    /**
+     * Must be called as soon as possible, before the creation of any components since this method is in charge of initializing the locale. Any attempts to read translation before this method is called will result in `undefined`.
+     */
+    async earlyInit() {
+        await options.initializedPromise;
+        await initLocale();
+    }
+
     setLayout(layout: Layout) {
         this.layout = layout;
     }
 
     async start() {
         this.initComponents();
-
-        // options are often needed for isEnabled()
-        await options.initializedPromise;
-
         this.renderWidgets();
 
         await froca.initializedPromise;
@@ -172,7 +177,7 @@ $(window).on('beforeunload', () => {
         if (!component.beforeUnloadEvent()) {
             console.log(`Component ${component.componentId} is not finished saving its state.`);
 
-            toast.showMessage("Please wait for a couple of seconds for the save to finish, then you can try again.", 10000);
+            toast.showMessage(t("app_context.please_wait_for_save"), 10000);
 
             allSaved = false;
         }