done without .docx

src/pages/MainPage.jsx

@@ -1,10 +1,12 @@
 import React, { useState } from "react";
 import useProducts from "../hooks/useProducts";
+import useFavorites from "../hooks/useFavorites";
 import ProductList from "../components/ProductList";
 import ProductForm from "../components/ProductForm";
 
 export default function MainPage() {
   const { products, add, update, remove } = useProducts();
+  const { favorites, addToFavorites } = useFavorites();
   const [editing, setEditing] = useState(null);
   const [showForm, setShowForm] = useState(false);
 
@@ -17,12 +19,24 @@ export default function MainPage() {
   };
   const handleCancel = () => setShowForm(false);
 
+  const handleAddToFavorites = product => {
+    if (!favorites.some(fav => fav.id === product.id)) {
+      addToFavorites(product);
+    }
+    else alert('Товар уже в избранном!');
+  };
+
   return (
     <main className="container my-4">
       <button className="btn btn-success mb-3" onClick={handleAdd}>Добавить товар</button>
       {showForm && <ProductForm initial={editing} onSave={handleSave} onCancel={handleCancel} />}
       <h2 className="text-center my-3">Рекомендуемые товары:</h2>
-      <ProductList products={products} onEdit={handleEdit} onDelete={handleDelete} />
+      <ProductList
+        products={products}
+        onEdit={handleEdit}
+        onDelete={handleDelete}
+        onAddToFavorites={handleAddToFavorites}
+      />
     </main>
   );
 }