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

src/pages/lesson-list/lesson-list.tsx

@@ -3,9 +3,6 @@ import dayjs, { formatDate } from '../../utils/dayjs-config'
 import { generatePath, Link, useParams } from 'react-router-dom'
 import { getNavigationValue, getFeatures } from '@brojs/cli'
 import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
   Container,
   Box,
   Button,
@@ -40,13 +37,12 @@ import { useAppSelector } from '../../__data__/store'
 import { api } from '../../__data__/api/api'
 import { isTeacher } from '../../utils/user'
 import { Lesson } from '../../__data__/model'
-import { XlSpinner } from '../../components/xl-spinner'
+import { XlSpinner, useSetBreadcrumbs } from '../../components'
 import { qrCode } from '../../assets'
 
 import { LessonForm } from './components/lessons-form'
 import { Bar } from './components/bar'
 import { LessonItems } from './components/lesson-items'
-import { BreadcrumbsWrapper } from './style'
 import { CourseStatistics } from './components/statistics'
 
 const features = getFeatures('journal')
@@ -59,6 +55,7 @@ const LessonList = () => {
   const { courseId } = useParams()
   const user = useAppSelector((s) => s.user)
   const { data, isLoading, error, isSuccess } = api.useLessonListQuery(courseId)
+  const { data: courseData } = api.useGetCourseByIdQuery(courseId)
   const [generateLessonsMutation, {
     data: generateLessons, 
     isLoading: isLoadingGenerateLessons,
@@ -79,6 +76,19 @@ const LessonList = () => {
   const [editLesson, setEditLesson] = useState<Lesson>(null)
   const [suggestedLessonToCreate, setSuggestedLessonToCreate] = useState(null)
   const { t } = useTranslation()
+  
+  // Устанавливаем хлебные крошки для страницы списка уроков
+  useSetBreadcrumbs([
+    {
+      title: t('journal.pl.breadcrumbs.home'),
+      path: '/'
+    },
+    {
+      title: courseData?.name || t('journal.pl.breadcrumbs.course'),
+      isCurrentPage: true
+    }
+  ])
+  
   const sorted = useMemo(
     () => [...(data?.body || [])]?.sort((a, b) => (a.date > b.date ? 1 : -1)),
     [data, data?.body],
@@ -330,19 +340,6 @@ const LessonList = () => {
           </AlertDialogContent>
         </AlertDialogOverlay>
       </AlertDialog>
-      <BreadcrumbsWrapper>
-        <Breadcrumb>
-          <BreadcrumbItem>
-            <BreadcrumbLink as={Link} to={getNavigationValue('journal.main')}>
-              {t('journal.pl.common.journal')}
-            </BreadcrumbLink>
-          </BreadcrumbItem>
-
-          <BreadcrumbItem isCurrentPage>
-            <BreadcrumbLink href="#">{t('journal.pl.common.course')}</BreadcrumbLink>
-          </BreadcrumbItem>
-        </Breadcrumb>
-      </BreadcrumbsWrapper>
       <Container maxW="container.xl" position="relative">
         {isTeacher(user) && (
           <Box mt="15" mb="15">