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

src/components/ProductHistoryList/ProductHistoryList.jsx

@@ -2,22 +2,12 @@ import { useState, useEffect } from 'react';
 import { Box, Typography, IconButton, Pagination, Button } from '@mui/material';
 import { useSelector, useDispatch } from 'react-redux';
 import defaultImage from "../../assets/images/default.png"
-import { getMenuCollectionTitlesByProductType } from '../../config/menuCollections';
+import { isProductInVisibleMenu } from '../../config/menuCollections';
 
 import Grid from '@mui/material/Grid2';
 
-const normalizeTitle = (title = "") => title.trim().toUpperCase();
-
-const allowedRecentlyViewedCollections = getMenuCollectionTitlesByProductType();
-
-const isProductAllowedInRecentlyViewed = (product) => {
-  const allowedCollections = allowedRecentlyViewedCollections[product?.productType] || [];
-  const normalizedAllowedCollections = allowedCollections.map(normalizeTitle);
-
-  return product?.collections?.some((collection) =>
-    normalizedAllowedCollections.includes(normalizeTitle(collection?.title))
-  );
-};
+// const allowedRecentlyViewedCollections = getMenuCollectionTitlesByProductType();
+// const isProductAllowedInRecentlyViewed = (product) => { ... };
 
 const ProductHistoryList = () => {
 
@@ -30,7 +20,7 @@ const ProductHistoryList = () => {
 
       const productHandleList = JSON.parse(localStorage.getItem('amber-product-history')) || []
       const selectedProducts = products.filter((product) => (
-        productHandleList.includes(product.handle) && isProductAllowedInRecentlyViewed(product)
+        productHandleList.includes(product.handle) && isProductInVisibleMenu(product, products)
       )) || []
 
       // Keep the old history key, but remove products that are no longer available through the menu.