fix(product page): Addressed unhandled errors in the product page.

src/pages/ProductsPage.tsx

@@ -3,6 +3,7 @@ import { useEffect, useState } from 'react';
 import { FaCaretDown, FaHeart, FaStar } from 'react-icons/fa';
 import { IoFilter } from 'react-icons/io5';
 import { ScaleLoader } from 'react-spinners';
+import { toast } from 'sonner';
 import { DynamicData } from '../@types/DynamicData';
 import { searchInputs } from '../@types/SearchType';
 import Button from '../components/buttons/Button';
@@ -43,15 +44,29 @@ const ProductsPage = () => {
 	});
 
 	useEffect(() => {
-		if (products && !products.length && tokenInfo) {
-			dispatch(getProducts()).unwrap();
-		}
+		const fetchProducts = async () => {
+			try {
+				if (products && !products.length && tokenInfo) {
+					await dispatch(getProducts()).unwrap();
+				}
+			} catch (error) {
+				toast.error('Error fetching products');
+			}
+		};
+		fetchProducts();
 	}, [dispatch, products, tokenInfo]);
 
 	useEffect(() => {
-		if (carts && !carts.length) {
-			dispatch(getCarts()).unwrap();
-		}
+		const fetchCarts = async () => {
+			try {
+				if (carts && !carts.length) {
+					await dispatch(getCarts()).unwrap();
+				}
+			} catch (error) {
+				toast.error('Error fetching carts');
+			}
+		};
+		fetchCarts();
 	}, [dispatch]);
 
 	useEffect(() => {