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

src/app.tsx

@@ -4,6 +4,7 @@ import { Global } from '@emotion/react'
 import { BrowserRouter } from 'react-router-dom';
 import ruLocale from 'dayjs/locale/ru';
 import dayjs from 'dayjs';
+import { useTranslation } from 'react-i18next';
 import { ChakraProvider, ColorModeScript, extendTheme } from '@chakra-ui/react'
 
 import { Dashboard } from './dashboard';
@@ -19,19 +20,26 @@ const theme = extendTheme({
   },
 })
 
-const App = ({ store }) => (
+interface AppProps {
+  store: any; // Тип для store зависит от конкретной реализации хранилища
+}
+
+const App: React.FC<AppProps> = ({ store }) => {
+  const { t } = useTranslation();
+  return (
     <ChakraProvider theme={theme}>
         <ColorModeScript initialColorMode={theme.config.initialColorMode} />
         <BrowserRouter>
             <Helmet>
                 <meta name="viewport" content="width=device-width, user-scalable=no" />
-                <title>Журнал</title>
+                <title>{t('journal.pl.title')}</title>
             </Helmet>
             <Global styles={globalStyles} />
             <Dashboard store={store} />
         </BrowserRouter>
     </ChakraProvider>
 )
+}
 
 export default App;