feat: i18n

src/index.tsx

@@ -1,5 +1,6 @@
 // just for debug performance problem
 // import "./wdyr";
+import { Suspense } from 'react';
 import ReactDOM from "react-dom/client";
 import toast, { Toaster } from "react-hot-toast";
 import { Reset } from "styled-reset";
@@ -12,18 +13,20 @@ import { register } from "./serviceWorkerRegistration";
 import MarkdownStyleOverride from "./common/component/MarkdownStyleOverride";
 import ReduxRoutes from "./routes";
 import NewVersion from "./common/component/NewVersion";
+// import i18n (needs to be bundled ;)) 
+import './i18n';
 
 const root = ReactDOM.createRoot(document.getElementById("root") as HTMLElement);
 
 root.render(
-  <>
+  <Suspense fallback="loading">
     <Reset />
     <Toaster />
     <DndProvider backend={HTML5Backend}>
       <ReduxRoutes />
     </DndProvider>
     <MarkdownStyleOverride />
-  </>
+  </Suspense>
 );
 
 register({