feat module 6, 7 : remove sold out item or item not in menu from 'YOU MAY ALSO LIKE' section in product page

src/components/ProductSuggestion/ProductSuggestion.jsx

 import Grid from '@mui/material/Grid2';
 import { useNavigate } from "react-router-dom";
 import defaultImage from "../../assets/images/default.png"
+import { getMenuCollectionTitlesByProductType } 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 ProductSuggestion = () => {
 
         return shuffled.slice(0, num);
       };
 
-      const randomProducts = getRandomProducts(products, 4); // Select 4 random elements
+      const visibleProducts = products.filter(isProductAllowedInSuggestion);
+      // const randomProducts = getRandomProducts(products, 4);
+      const randomProducts = getRandomProducts(visibleProducts, 4); // Select 4 random visible products
       setSuggestProducts(randomProducts);
     }
   }, [products]);
             maxVariantPrice,
             compareAtPriceRangeMinVariantPrice,
             compareAtPriceRangeMaxVariantPrice,
-            productType,
-            variants,
+            // productType and variants are not needed here because filtering already happens before rendering.
+            // productType,
+            // variants,
             selected,
           } = product;