add fade in on product sort

src/components/ProductList/ProductList.jsx

   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);
   useEffect(() => {
 
     let newFilteredProducts = filterProducts()
-    setFilteredProducts(newFilteredProducts)
+    setFilteredProducts([])
+    setTimeout(() => {
+      setFilteredProducts(newFilteredProducts)
+    }, 100);
+
 
   }, [tags, collection, sort])