fix: stabilize right widget layout and sight frame menu height with lang

src/app/index.tsx

@@ -1,18 +1,25 @@
 import * as React from "react";
 
 import { Router } from "./router";
-import { CustomTheme } from "@shared";
+import { CustomTheme, languageStore } from "@shared";
 import { ThemeProvider } from "@mui/material/styles";
 import { ToastContainer } from "react-toastify";
 import { GlobalErrorBoundary } from "./GlobalErrorBoundary";
 import { TestingModeBanner } from "@widgets";
+import { observer } from "mobx-react-lite";
 
-export const App: React.FC = () => (
-  <GlobalErrorBoundary>
-    <ThemeProvider theme={CustomTheme.Light}>
-      <TestingModeBanner />
-      <ToastContainer />
-      <Router />
-    </ThemeProvider>
-  </GlobalErrorBoundary>
-);
+export const App: React.FC = observer(() => {
+  React.useEffect(() => {
+    document.documentElement.lang = languageStore.language;
+  }, [languageStore.language]);
+
+  return (
+    <GlobalErrorBoundary>
+      <ThemeProvider theme={CustomTheme.Light}>
+        <TestingModeBanner />
+        <ToastContainer />
+        <Router />
+      </ThemeProvider>
+    </GlobalErrorBoundary>
+  );
+});