добавил навигацию на катекории и сброс выбранной категории при переходе на страницу каталога

src/pages/ItemPage/ItemPage.module.css

@@ -3,6 +3,15 @@
   min-height: 100vh;
 }
 
+.resetLink {
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  font-size: 16px;
+  color: #f5c400;
+  
+}
+
 .top {
   background: #000;
   padding: 15px 40px;

src/pages/ItemPage/ItemPage.tsx

@@ -1,13 +1,15 @@
 import { useEffect, useState } from "react";
 import { useParams, useNavigate } from "react-router-dom";
 import { useAppDispatch, useAppSelector } from "../../app/hooks";
-import { fetchProductById } from "../../features/catalog/productsSlice";
+import { fetchProductById, setSelectedProducts } from "../../features/catalog/productsSlice";
 import styles from "./ItemPage.module.css";
 import type { CategoryAtributes, CategoryAtrVals } from "../../types/categories";
 import Button from "../../components/Button/Button";
 import PriceLisForm from "../../components/PriceLisForm/PriceLisForm";
 import ProductAttributes from "../../components/Table/ProducTable";
 import { p, title } from "framer-motion/client";
+import Link from "antd/es/typography/Link";
+import { setSelectedCategory } from "../../features/catalog/categoriesSlice";
 
 const ItemPage = () => {
   const { id } = useParams();
@@ -47,7 +49,7 @@ const ItemPage = () => {
         <div className={styles.right}>
           <div className={styles.rightContent}>
           <div className={styles.breadcrumbs}>
-            ГЛАВНАЯ / {category?.name} / {product.name}
+            <Link onClick={() => {navigate('/products'); dispatch(setSelectedCategory(null))}} style={{ textDecoration: 'none', color: 'inherit', fontSize: "16px" }}>КАТЕГОРИИ</Link> / <Link onClick={() => navigate('/products')} style={{ textDecoration: 'none', color: 'inherit', fontSize: "16px" }}>{category?.name}</Link> / <Link onClick={() => navigate(`/product/${id}`)} style={{ textDecoration: 'none', color: 'inherit', fontSize: "16px" }}>{product.name}</Link>
           </div>
 
           <h1 className={styles.title}>{product.name}</h1>