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

src/components/SearchProduct/SearchProduct.jsx

@@ -11,7 +11,7 @@ import {
   CardMedia,
 } from "@mui/material";
 import { useSelector } from "react-redux";
-import { getMenuCollectionTitlesByProductType } from "../../config/menuCollections";
+import { isProductInVisibleMenu } from "../../config/menuCollections";
 
 function doesSubstringExistInArray(array, substring) {
     
@@ -23,23 +23,6 @@ function doesSubstringExistInArray(array, substring) {
     return array.some(element => element.toLowerCase().includes(lowerCaseSubstring));
 }
 
-// Define allowed search collections for each product type
-const allowedSearchCollectionsByProductType = getMenuCollectionTitlesByProductType();
-
-const normalizeTitle = (value = "") => value.trim().toUpperCase();
-
-const isProductAllowedInSearch = (product) => {
-  const allowedCollections = allowedSearchCollectionsByProductType[product?.productType];
-
-  if (!allowedCollections) return false;
-
-  const allowedCollectionSet = new Set(allowedCollections.map(normalizeTitle));
-
-  return product?.collections?.some((collection) =>
-    allowedCollectionSet.has(normalizeTitle(collection?.title || ""))
-  );
-}
-
 const SearchProduct = ({ onClose }) => {
   const products = useSelector((state) => state.products.products.data);
   const [searchedProducts, setSearchedProducts] = useState([]);
@@ -49,8 +32,8 @@ const SearchProduct = ({ onClose }) => {
 
     if(searchQuery?.length < 2) return
 
-      // let filteredProducts = products.filter((product) => {
-      let filteredProducts = products.filter(isProductAllowedInSearch).filter((product) => {
+      // let filteredProducts = products.filter(isProductAllowedInSearch).filter((product) => {
+      let filteredProducts = products.filter((product) => isProductInVisibleMenu(product, products)).filter((product) => {
 
       let title = product?.title?.toLowerCase();
       let search = searchQuery.toLowerCase();