navbar part is over

i18n/index.ts

@@ -1,22 +1,24 @@
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
+import Backend from "i18next-http-backend";
+import LanguageDetector from "i18next-browser-languagedetector";
+
+// import lanaguage files
+import uzWords from "../public/locales/uz/common.json";
+import enWords from "../public/locales/ru/common.json";
 
 i18n
+  .use(Backend)
+  .use(LanguageDetector)
   .use(initReactI18next)
   .init({
     resources: {
-      uz: {
-        common: require("../public/locales/uz/common.json"),
-      },
-      ru: {
-        common: require("../public/locales/ru/common.json"),
-      },
+      uz: { translation: uzWords },
+      en: { translation: enWords },
     },
     lng: "uz",
     fallbackLng: "uz",
-    interpolation: {
-      escapeValue: false,
-    },
+    debug: true,
   });
 
 export default i18n;