feat: Add setup file

package.json

@@ -25,10 +25,13 @@
     "classnames": "^2.3.2",
     "compose-function": "^3.0.3",
     "history": "^5.3.0",
+    "i18next": "^24.1.0",
+    "i18next-browser-languagedetector": "^8.0.2",
     "localforage": "^1.10.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hotkeys-hook": "^4.0.2"
+    "react-hotkeys-hook": "^4.0.2",
+    "react-i18next": "^15.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",

src/app/i18n.ts

@@ -0,0 +1,47 @@
+import type { Resource } from "i18next";
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { initReactI18next } from "react-i18next";
+
+void i18n
+  .use({
+    type: "backend",
+    read(
+      language: string,
+      namespace: string,
+      callback: (errorValue: unknown, translations: null | Resource) => void,
+    ) {
+      import(`./${namespace}/locales/${language}.json`)
+        .then((resources) => {
+          callback(null, resources as unknown as Resource);
+        })
+        .catch((error) => {
+          callback(error, null);
+        });
+    },
+  })
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    fallbackLng: "en",
+    debug: true,
+
+    interpolation: {
+      escapeValue: false,
+    },
+
+    // react i18next special options (optional)
+    // override if needed - omit if ok with defaults
+    /*
+    react: {
+      bindI18n: 'languageChanged',
+      bindI18nStore: '',
+      transEmptyNodeValue: '',
+      transSupportBasicHtmlNodes: true,
+      transKeepBasicHtmlNodesFor: ['br', 'strong', 'i'],
+      useSuspense: true,
+    }
+    */
+  });
+
+export { i18n };

src/app/index.tsx

@@ -1,3 +1,5 @@
+import { I18nextProvider } from "react-i18next";
+import { i18n } from ".././i18n";
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { App } from './app';