feat module 1,2,4 : change to dynamic navigation menu based on shopify collection - mobile view

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

@@ -30,11 +30,15 @@ const MobileNav = ({ open, onClose, menu = [], infomenu = [], products = [] }) =
 
   const findCollectionForMenuItem = (productType, item) => {
     const targetTitles = (item?.titles || []).map(normalizeTitle);
+    const targetHandles = (item?.handles || []).map(normalizeTitle);
 
     return products
       .filter((product) => product.productType === productType)
       .flatMap((product) => product.collections || [])
-      .find((collection) => targetTitles.includes(normalizeTitle(collection?.title || "")));
+      .find((collection) =>
+        targetTitles.includes(normalizeTitle(collection?.title || "")) ||
+        targetHandles.includes(normalizeTitle(collection?.handle || ""))
+      );
   }
 
   const getMenuCollectionTitles = (productType) => {