clothing need to always be the first

src/components/Navbar/Navbar.jsx

 
           {/* Left Section: Logo */}
           <Box sx={{
+            mr:5,
             display: {
               xs: "none",
               md: "none",
-              lg: "block"
+              lg: "block",
             }
           }}>
             <a href="/">

src/components/ProductList/ProductList.jsx

 
     } else if (sessionStorage.getItem('amber-select-category')) {
 
+      
+
     }
 
   }, [])

src/services/ProductService.js

     variables: {},
   });
 
-  return data.productTypes.edges
+  // make sure clothing to be always the first
+  const edges = data.productTypes.edges
+  const reorderedEdges = [
+    ...edges.filter(edge => edge.node === "clothing"),
+    ...edges.filter(edge => edge.node !== "clothing")
+  ];
+
+  return reorderedEdges
 }
 
 const getCollections = async (name) => {