made breadcrumbs

src/app/[locale]/statistics/Statistics.scss

@@ -1,21 +1,25 @@
 .statistics {
   display: flex;
   flex-direction: column;
-  gap: 40px;
 
   h2 {
     width: fit-content;
+    margin-bottom: 40px;
   }
 }
 
 @media screen and (max-width: 768px) {
   .statistics {
-    gap: 30px;
+    h2 {
+      margin-bottom: 30px;
+    }
   }
 }
 
 @media screen and (max-width: 550px) {
   .statistics {
-    gap: 20px;
+    h2 {
+      margin-bottom: 20px;
+    }
   }
 }

src/app/[locale]/statistics/page.tsx

@@ -2,11 +2,11 @@ import Typography from "@/shared/ui/components/Typography/Typography";
 import "./Statistics.scss";
 import StatisticsTable from "@/widgets/tables/StatisticsTable/StatisticsTable";
 import { Metadata } from "next";
+import BreadCrumbs from "@/features/BreadCrumbs/BreadCrumbs";
 
 export const metadata: Metadata = {
   title: "KG ROAD | Статистика",
-  description:
-    "Страница статистики KG ROAD",
+  description: "Страница статистики KG ROAD",
 };
 
 const Statistics = ({
@@ -16,6 +16,7 @@ const Statistics = ({
 }) => {
   return (
     <div className="statistics page-padding">
+      <BreadCrumbs homeRequired />
       <Typography element="h2">Статистика</Typography>
       <StatisticsTable searchParams={searchParams} />
     </div>