Добавлены хлебные крошки для навигации в компонентах и страницах, включая CourseList, LessonList, UserPage и Attendance. Обновлены локализации для новых элементов навигации. Реализован контекст для управления состоянием хлебных крошек через BreadcrumbsProvider и useBreadcrumbs. Обновлен компонент AppHeader для отображения хлебных крошек в зависимости от текущей страницы.

src/pages/lesson-details.tsx

@@ -6,9 +6,6 @@ import { getConfigValue, getNavigationValue } from '@brojs/cli'
 import { motion, AnimatePresence } from 'framer-motion'
 import {
   Box,
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
   Container,
   VStack,
   Heading,
@@ -21,11 +18,11 @@ import { api } from '../__data__/api/api'
 import { User } from '../__data__/model'
 import { UserCard } from '../components/user-card'
 import { formatDate } from '../utils/dayjs-config'
+import { useSetBreadcrumbs } from '../components'
 
 import {
   QRCanvas,
   StudentList,
-  BreadcrumbsWrapper,
 } from './style'
 import { useAppSelector } from '../__data__/store'
 import { isTeacher } from '../utils/user'
@@ -46,6 +43,26 @@ const LessonDetail = () => {
   const { t } = useTranslation()
   const { colorMode } = useColorMode()
   
+  // Получаем данные о курсе и уроке
+  const { data: courseData } = api.useGetCourseByIdQuery(courseId)
+  const { data: lessonData } = api.useLessonByIdQuery(lessonId)
+  
+  // Устанавливаем хлебные крошки
+  useSetBreadcrumbs([
+    {
+      title: t('journal.pl.breadcrumbs.home'),
+      path: '/'
+    },
+    {
+      title: courseData?.name || t('journal.pl.breadcrumbs.course'),
+      path: `${getNavigationValue('journal.main')}/lessons-list/${courseId}`
+    },
+    {
+      title: lessonData?.body?.name || t('journal.pl.breadcrumbs.lesson'),
+      isCurrentPage: true
+    }
+  ])
+  
   // Создаем ref для отслеживания ранее присутствовавших студентов
   const prevPresentStudentsRef = useRef(new Set<string>())
   
@@ -201,28 +218,6 @@ const LessonDetail = () => {
 
   return (
     <>
-      <BreadcrumbsWrapper>
-        <Breadcrumb>
-          <BreadcrumbItem>
-            <BreadcrumbLink as={Link} to={getNavigationValue('journal.main')}>
-              {t('journal.pl.common.journal')}
-            </BreadcrumbLink>
-          </BreadcrumbItem>
-
-          <BreadcrumbItem>
-            <BreadcrumbLink
-              as={Link}
-              to={`${getNavigationValue('journal.main')}/lessons-list/${courseId}`}
-            >
-              {t('journal.pl.common.course')}
-            </BreadcrumbLink>
-          </BreadcrumbItem>
-
-          <BreadcrumbItem isCurrentPage>
-            <BreadcrumbLink href="#">{t('journal.pl.common.lesson')}</BreadcrumbLink>
-          </BreadcrumbItem>
-        </Breadcrumb>
-      </BreadcrumbsWrapper>
       <Container maxW="2280px">
         <VStack align="left">
           <Heading as="h3" mt="4" mb="3">