feat module 1,2,4 : fixed product banner display under essentials group - web , mobile view

src/components/Navbar/Navbar.jsx

@@ -32,6 +32,7 @@ import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 import {
   NAV_MENU_STRUCTURE as SHARED_NAV_MENU_STRUCTURE,
   buildNavMenuFromProducts,
+  getRelatedProductTypes,
   normalizeTitle,
 } from "../../config/menuCollections";
 
@@ -400,9 +401,10 @@ const Navbar = () => {
   const findCollectionForMenuItem = (productType, item) => {
     const targetTitles = (item?.titles || []).map(normalizeTitle);
     const targetHandles = (item?.handles || []).map(normalizeTitle);
+    const relatedProductTypeSet = new Set(getRelatedProductTypes(productType));
 
     return products
-      .filter((product) => product.productType === productType)
+      .filter((product) => relatedProductTypeSet.has(normalizeTitle(product?.productType)))
       .flatMap((product) => product.collections || [])
       .find((collection) =>
         targetTitles.includes(normalizeTitle(collection?.title || "")) ||

src/components/Navbar/components/MobileNav/MobileNav.jsx

@@ -4,6 +4,7 @@ import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import Grid from '@mui/material/Grid2';
 import logoSrc from "../../../../assets/images/amberlogo.png";
+import { getRelatedProductTypes } from "../../../../config/menuCollections";
 
 const getProductTypeMenuLabel = (productType = "") => {
   return productType.trim().toUpperCase() === "BEAUTY" ? "Essentials" : productType;
@@ -31,9 +32,10 @@ const MobileNav = ({ open, onClose, menu = [], infomenu = [], products = [] }) =
   const findCollectionForMenuItem = (productType, item) => {
     const targetTitles = (item?.titles || []).map(normalizeTitle);
     const targetHandles = (item?.handles || []).map(normalizeTitle);
+    const relatedProductTypeSet = new Set(getRelatedProductTypes(productType));
 
     return products
-      .filter((product) => product.productType === productType)
+      .filter((product) => relatedProductTypeSet.has(normalizeTitle(product?.productType)))
       .flatMap((product) => product.collections || [])
       .find((collection) =>
         targetTitles.includes(normalizeTitle(collection?.title || "")) ||