feat: add locale auto-detect from navigator and user session

.linguirc.yaml

@@ -1,10 +1,10 @@
 locales:
-   - "en"
-   - "ru"
+  - "EN"
+  - "RU"
 
 catalogs:
-   - path: ./src/shared/config/i18n/locales/{locale}
-     include:
-     - src
+  - path: ./src/shared/config/i18n/locales/{locale}
+    include:
+      - src
 
-format: po
+format: po

src/app/main.tsx

@@ -1,10 +1,30 @@
+import { createEffect, sample } from "effector";
+import { combineEvents } from "patronum";
 import { createRoot } from "react-dom/client";
 
+import { getSessionQuery } from "@/entities/session";
+
+import { loadLocaleFx } from "@/shared/config/i18n/load-locale";
 import { appStarted } from "@/shared/config/init";
 
 import App from "./application";
 
 const root = createRoot(document.querySelector("#root") as HTMLElement);
 
 appStarted();
-root.render(<App />);
+
+const appDataLoaded = combineEvents({
+  events: {
+    loadLocale: loadLocaleFx.finally,
+    loadSession: getSessionQuery.finished.finally,
+  },
+});
+
+const renderAppFx = createEffect(() => {
+  root.render(<App />);
+});
+
+sample({
+  clock: appDataLoaded,
+  target: renderAppFx,
+});

src/app/providers/with-localization.tsx

@@ -2,11 +2,6 @@ import { i18n } from "@lingui/core";
 import { I18nProvider } from "@lingui/react";
 import { type ComponentType } from "react";
 
-import { DEFAULT_LANGUAGE } from "@/shared/config/i18n/languages";
-import { loadLocale } from "@/shared/config/i18n/load-locale";
-
-loadLocale(DEFAULT_LANGUAGE);
-
 export const withLocalization = (WrappedComponent: ComponentType) => () => {
   return (
     <I18nProvider i18n={i18n}>