fix Translation title tag

src/App.tsx

@@ -2,11 +2,12 @@ import './App.scss'
 import 'leaflet/dist/leaflet.css'
 import 'moment/locale/he'
 import { RouterProvider } from 'react-router-dom'
-import { Suspense } from 'react'
+import { Suspense, useEffect } from 'react'
 import moment from 'moment-timezone'
 import Preloader from './shared/Preloader'
 import router from './routes'
 import 'moment/dist/locale/he'
+import { useTranslation } from 'react-i18next'
 
 moment.tz.setDefault('Asia/Jerusalem')
 moment.locale('he')
@@ -18,9 +19,20 @@ if ('serviceWorker' in navigator) {
     .catch((err) => console.error('Service Worker Registration Failed', err))
 }
 
-export const RoutedApp = () => (
-  <Suspense fallback={<Preloader />}>
-    <RouterProvider router={router} />
-  </Suspense>
-)
+export const RoutedApp = () => {
+  const { i18n } = useTranslation(); // Access i18n for language management
+  const currentLanguage = i18n.language; // Get the current language
+
+  // Effect hook to update the title based on the current language
+  useEffect(() => {
+    const title = currentLanguage === 'he' ? 'דאטאבוס' : 'Databus'; // Set title based on language
+    document.title = title; // Update the <title> tag in the document
+  }, [currentLanguage]); // Re-run when the language changes
+
+  return (
+    <Suspense fallback={<Preloader />}>
+      <RouterProvider router={router} />
+    </Suspense>
+  );
+};
 export default RoutedApp