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

src/pages/lesson-details.tsx

@@ -14,6 +14,7 @@ import {
   Heading,
   Stack,
 } from '@chakra-ui/react'
+import { useTranslation } from 'react-i18next'
 
 import { api } from '../__data__/api/api'
 import { User } from '../__data__/model'
@@ -40,6 +41,7 @@ const LessonDetail = () => {
   const { lessonId, courseId } = useParams()
   const canvRef = useRef(null)
   const user = useAppSelector((s) => s.user)
+  const { t } = useTranslation()
   
   const {
     isFetching,
@@ -111,7 +113,7 @@ const LessonDetail = () => {
         <Breadcrumb>
           <BreadcrumbItem>
             <BreadcrumbLink as={Link} to={getNavigationValue('journal.main')}>
-              Журнал
+              {t('journal.pl.common.journal')}
             </BreadcrumbLink>
           </BreadcrumbItem>
 
@@ -120,28 +122,28 @@ const LessonDetail = () => {
               as={Link}
               to={`${getNavigationValue('journal.main')}/lessons-list/${courseId}`}
             >
-              Курс
+              {t('journal.pl.common.course')}
             </BreadcrumbLink>
           </BreadcrumbItem>
 
           <BreadcrumbItem isCurrentPage>
-            <BreadcrumbLink href="#">Лекция</BreadcrumbLink>
+            <BreadcrumbLink href="#">{t('journal.pl.common.lesson')}</BreadcrumbLink>
           </BreadcrumbItem>
         </Breadcrumb>
       </BreadcrumbsWrapper>
       <Container maxW="2280px">
         <VStack align="left">
           <Heading as="h3" mt="4" mb="3">
-            Тема занятия:
+            {t('journal.pl.lesson.topicTitle')}
           </Heading>
           <Box as="span">{accessCode?.body?.lesson?.name}</Box>
           <Box as="span">
-            {dayjs(accessCode?.body?.lesson?.date).format('DD MMMM YYYYг.')}{' '}
-            Отмечено - {accessCode?.body?.lesson?.students?.length}{' '}
+            {dayjs(accessCode?.body?.lesson?.date).format(t('journal.pl.lesson.dateFormat'))}{' '}
+            {t('journal.pl.common.marked')} - {accessCode?.body?.lesson?.students?.length}{' '}
             {AllStudents.isSuccess
               ? `/ ${AllStudents?.data?.body?.length}`
               : ''}{' '}
-            человек
+            {t('journal.pl.common.people')}
           </Box>
         </VStack>
         <Stack spacing="8" sx={{ flexDirection: { sm: 'column', md: 'row' } }}>