add fade in on product sort

src/components/ProductList/ProductList.jsx

@@ -71,11 +71,14 @@ const ProductList = ({ size = 99999 }) => {
   useEffect(() => {
 
     console.log("Products: ", products)
-    
+
     if (products.length > 0) {
 
       let newFilteredProducts = filterProducts()
-      setFilteredProducts(newFilteredProducts)
+      setFilteredProducts([])
+      setTimeout(() => {
+        setFilteredProducts(newFilteredProducts)
+      }, 100);
 
       const tagList = getAllTags(newFilteredProducts);
       setTagFilterOption(tagList);
@@ -99,7 +102,11 @@ const ProductList = ({ size = 99999 }) => {
   useEffect(() => {
 
     let newFilteredProducts = filterProducts()
-    setFilteredProducts(newFilteredProducts)
+    setFilteredProducts([])
+    setTimeout(() => {
+      setFilteredProducts(newFilteredProducts)
+    }, 100);
+
 
   }, [tags, collection, sort])