добавил seo component исправил цвет шрифта

src/pages/Products/Products.tsx

@@ -6,51 +6,46 @@ import Filters from "../../features/catalog/CategoryFilters";
 import ProductGrid from "../../features/catalog/ProductGrid";
 import Pagination from "../../features/catalog/Pagination";
 import { useAppSelector } from "../../app/hooks";
+import SEO from "../../shared/ui/SEO";
 
 const ProductsPage: React.FC = () => {
-  const { selectedCategoryId } = useAppSelector(s => s.categories);
+  const { selectedCategoryId, items } = useAppSelector(s => s.categories);
+  const category = items.find(c => c.id === selectedCategoryId);
 
   return (
-    /*<div className={styles.wrapper}>
-      <SidebarCategories />
-      <div className={styles.content}>
-        {!selectedCategoryId ? (
-          <CategoryCards/>
-        ) : (
-          <>
-            <div className={styles.leftControls}>
-              <Filters />
-            </div>
+    <>
+      <SEO
+          title={
+            category
+              ? `${category.name} купить`
+              : "Каталог продукции"
+          }
+          description={
+            category
+              ? `Купить ${category.name} по выгодной цене. Большой выбор товаров.`
+              : "Каталог продукции: трубы ПВХ, аксессуары и комплектующие"
+          }
+        />
+      <div className={styles.wrapper}>
+        <div className={styles.container}>
+          <aside className={styles.sidebar}>
+            <SidebarCategories />
+            {selectedCategoryId && <Filters />}
+          </aside>
 
-            <div className={styles.productsArea}>
-              <ProductGrid />
-              <Pagination categoryId={selectedCategoryId} />
-            </div>
-          </>
-        )}
+          <main className={styles.main}>
+            {!selectedCategoryId ? (
+              <CategoryCards />
+            ) : (
+              <div className={styles.products}>
+                <ProductGrid />
+                <Pagination categoryId={selectedCategoryId} />
+              </div>
+            )}
+          </main>
+        </div>
       </div>
-    </div>*/
-    <div className={styles.wrapper}>
-      <div className={styles.container}>
-        <aside className={styles.sidebar}>
-          <SidebarCategories />
-
-          {/* 👇 ВОТ СЮДА ПЕРЕНЕСИ */}
-          {selectedCategoryId && <Filters />}
-        </aside>
-
-        <main className={styles.main}>
-          {!selectedCategoryId ? (
-            <CategoryCards />
-          ) : (
-            <div className={styles.products}>
-              <ProductGrid />
-              <Pagination categoryId={selectedCategoryId} />
-            </div>
-          )}
-        </main>
-      </div>
-    </div>
+    </>
   );
 };