Добавлены новые зависимости: "react-select" и "@floating-ui/core". Реализована локализация с использованием i18next, добавлены переводы для английского и русского языков. Обновлены компоненты для поддержки локализации, включая AppHeader, Attendance, Dashboard и другие. Улучшена логика отображения данных и взаимодействия с пользователем.

src/dashboard.tsx

@@ -3,6 +3,7 @@ import { Routes, Route, useNavigate } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import { getNavigationValue } from '@brojs/cli'
 import { Box, Container, Spinner, VStack, useColorMode } from '@chakra-ui/react'
+import { useTranslation } from 'react-i18next'
 
 import {
   CourseListPage,
@@ -70,6 +71,7 @@ export const Dashboard = ({ store }: DashboardProps) => {
   const serviceMenuInstanceRef = useRef<any>(null);
   const [serviceMenu, setServiceMenu] = useState(false);
   const { colorMode } = useColorMode();
+  const { t } = useTranslation();
 
   useEffect(() => {
     loadServiceMenu().then(() => {
@@ -92,8 +94,8 @@ export const Dashboard = ({ store }: DashboardProps) => {
           textColor: colorMode === 'light' ? '#333' : '#fff',
         },
         translations: {
-          menuTitle: 'Сервисы BRO',
-          menuAriaLabel: 'Сервисы BRO',
+          menuTitle: t('journal.pl.serviceMenu.title'),
+          menuAriaLabel: t('journal.pl.serviceMenu.ariaLabel'),
         }
       });
     }
@@ -105,7 +107,7 @@ export const Dashboard = ({ store }: DashboardProps) => {
         serviceMenuInstanceRef.current = null;
       }
     };
-  }, [keycloak.token, serviceMenu, colorMode]);
+  }, [keycloak.token, serviceMenu, colorMode, t]);
   
   return (
     <Provider store={store}>