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

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>