auto sort to latest on selected product

src/components/ProductSelected/ProductSelected.jsx

   useEffect(() => {
 
     if (products.length > 0) {
-      setFilterProducts(products.filter(({ selected }) => selected))
+
+      let selectedProducts = products.filter(({ selected }) => selected) || []
+      
+      //sort
+      selectedProducts = selectedProducts.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));
+      setFilterProducts(selectedProducts)
+      
     }
 
   }, [products])
             />
 
             <Button sx={{ position: "absolute", top: 20, left: 20, boxShadow: 0 }} variant="contained">
-            NEW
-          </Button>
+              NEW
+            </Button>
 
             <Box sx={{ pb: 5, pt: 3 }}>
               <Typography variant="body1" sx={{ fontWeight: "400", mb: 1 }}>