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

src/components/Header/Header.tsx

@@ -2,9 +2,12 @@ import { NavLink } from "react-router-dom";
 import styles from './Header.module.css'
 import logo from '../../assets/images/Logo.jpg'
 import { useState } from "react";
+import { useAppDispatch } from "../../app/hooks";
+import { setSelectedCategory } from "../../features/catalog/categoriesSlice";
 
 const Header = () =>{
 const [menuOpen, setMenuOpen] = useState(false);
+const dispatch = useAppDispatch();
 
     return (
         <nav className={styles.header}>
@@ -31,7 +34,7 @@ const [menuOpen, setMenuOpen] = useState(false);
                 <div className={`${styles.headerNav} ${menuOpen ? styles.open : ""}`}>
                     <NavLink to="/" end onClick={() => setMenuOpen(false)}>ГЛАВНАЯ</NavLink>
                     <NavLink to="about" onClick={() => setMenuOpen(false)}>О КОМПАНИИ</NavLink>
-                    <NavLink to="products" onClick={() => setMenuOpen(false)}>ПРОДУКЦИЯ</NavLink>
+                    <NavLink to="products" onClick={() => {setMenuOpen(false); dispatch(setSelectedCategory(null))}}>ПРОДУКЦИЯ</NavLink>
                 </div>
 
             </div>

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>