feat module 1,2,4 : product suggestion display based on menu

src/components/ProductSuggestion/ProductSuggestion.jsx

@@ -4,21 +4,10 @@ import { useSelector } from 'react-redux';
 import Grid from '@mui/material/Grid2';
 import { useNavigate } from "react-router-dom";
 import defaultImage from "../../assets/images/default.png"
-import { getMenuCollectionTitlesByProductType } from '../../config/menuCollections';
+import { isProductInVisibleMenu } from '../../config/menuCollections';
 
-const normalizeTitle = (title = "") => title.trim().toUpperCase();
-
-const allowedSuggestionCollections = getMenuCollectionTitlesByProductType();
-
-// Function to check if a product is allowed in the suggestion based on its collections
-const isProductAllowedInSuggestion = (product) => {
-  const allowedCollections = allowedSuggestionCollections[product?.productType] || [];
-  const normalizedAllowedCollections = allowedCollections.map(normalizeTitle);
-
-  return product?.collections?.some((collection) =>
-    normalizedAllowedCollections.includes(normalizeTitle(collection?.title))
-  );
-};
+// const allowedSuggestionCollections = getMenuCollectionTitlesByProductType();
+// const isProductAllowedInSuggestion = (product) => { ... };
 
 const ProductSuggestion = () => {
 
@@ -34,7 +23,7 @@ const ProductSuggestion = () => {
         return shuffled.slice(0, num);
       };
 
-      const visibleProducts = products.filter(isProductAllowedInSuggestion);
+      const visibleProducts = products.filter((product) => isProductInVisibleMenu(product, products));
       // const randomProducts = getRandomProducts(products, 4);
       const randomProducts = getRandomProducts(visibleProducts, 4); // Select 4 random visible products
       setSuggestProducts(randomProducts);