Implement collection sorting by priority in Navbar component

src/components/Navbar/Navbar.jsx

@@ -65,6 +65,56 @@ const LanguageSelectItem = styled(MenuItem)(() => ({
   },
 }));
 
+const COLLECTION_PRIORITY_BY_TYPE = {
+  apparel: [
+    "EID'S TIME FOR LOVE COLLECTION",
+    "ND X MARII FOR AMBER",
+    "MIRAGE COLLECTION",
+    "SOMEWHERE SOMEHOW SOMEONE",
+    "OASIS ABAYA COLLECTION",
+    "RAYA ROMANTICS COLLECTION 2025",
+    "CASUAL WEAR",
+    "AINA ABDUL MERCHANDISE",
+    "ATMA SARI",
+    "FLOWER POWER",
+    "AMBER SCARVES FLOWER POWER SERIES",
+  ],
+};
+
+const normalizeTitle = (value = "") => value.trim().toUpperCase();
+
+const sortCollectionsByPriority = (collection = [], productType = "") => {
+  const typeKey = (productType || "").trim().toLowerCase();
+  const priorityList = COLLECTION_PRIORITY_BY_TYPE[typeKey] || [];
+  const priorityMap = new Map(
+    priorityList.map((title, index) => [normalizeTitle(title), index])
+  );
+
+  return [...collection].sort((a, b) => {
+    const aTitle = normalizeTitle(a?.title || "");
+    const bTitle = normalizeTitle(b?.title || "");
+    const aPriority = priorityMap.has(aTitle)
+      ? priorityMap.get(aTitle)
+      : Number.MAX_SAFE_INTEGER;
+    const bPriority = priorityMap.has(bTitle)
+      ? priorityMap.get(bTitle)
+      : Number.MAX_SAFE_INTEGER;
+
+    if (aPriority !== bPriority) {
+      return aPriority - bPriority;
+    }
+
+    const aUpdatedAt = a?.updatedAt ? Date.parse(a.updatedAt) : 0;
+    const bUpdatedAt = b?.updatedAt ? Date.parse(b.updatedAt) : 0;
+
+    if (aUpdatedAt !== bUpdatedAt) {
+      return bUpdatedAt - aUpdatedAt;
+    }
+
+    return aTitle.localeCompare(bTitle);
+  });
+};
+
 function mapProductTypesWithCollections(products) {
   // Create a Map to group collections by productType
   const productTypeMap = new Map();
@@ -100,7 +150,10 @@ function getUniqueCollections(data) {
     // Convert the Map back to an array
     return {
       productType: item.productType,
-      collection: Array.from(uniqueCollectionsMap.values())
+      collection: sortCollectionsByPriority(
+        Array.from(uniqueCollectionsMap.values()),
+        item.productType
+      )
     };
   });
 }
@@ -266,14 +319,13 @@ const Navbar = () => {
 
   const displayCollectionList = (collection = [], productType) => {
 
-    
-    collection = collection.sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt) )
+    const sortedCollection = sortCollectionsByPriority(collection, productType);
 
     setDisplayCollection([])
     setTimeout(() => {
       setDisplayCollection({
         productType,
-        list: collection
+        list: sortedCollection
       })
     }, 100);
   }