imported current state of the mockup into the public repo

Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Signed-off-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>

src/initializers/i18n.ts

@@ -0,0 +1,31 @@
+import i18n from 'i18next';
+import Backend from 'i18next-http-backend';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import {initReactI18next} from 'react-i18next';
+
+export function setUpI18n() {
+    return i18n
+        // load translation using http -> see /public/locales
+        // learn more: https://github.com/i18next/i18next-http-backend
+        .use(Backend)
+        // detect user language
+        // learn more: https://github.com/i18next/i18next-browser-languageDetector
+        .use(LanguageDetector)
+        // pass the i18n instance to react-i18next.
+        .use(initReactI18next)
+        // init i18next
+        // for all options read: https://www.i18next.com/overview/configuration-options
+        .init({
+            fallbackLng: 'en',
+            debug: true,
+            backend: {
+                loadPath: '/locales/{{lng}}.json',
+            },
+
+            interpolation: {
+                escapeValue: false, // not needed for react as it escapes by default
+            },
+        });
+};
+
+