added empty pages

app/[locale]/cart/page.tsx

@@ -14,7 +14,7 @@ import { userStore } from "@/features/profile/userStore";
 import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
 import type { DeliveryType, PaymentType } from "@/lib/types/api";
-
+import EmptyCart from "@/features/cart/components/EmptyCart";
 export default function CartPage() {
   const [isClient, setIsClient] = useState(false);
   const [paymentType, setPaymentType] = useState<PaymentType | null>(null);
@@ -129,21 +129,11 @@ export default function CartPage() {
 
   if (!isClient) return null;
 
-  if (isLoading) {
-    return (
-      <div className="container mx-auto px-4 min-h-[90vh] flex items-center justify-center">
-        <p>{t("common.loading")}</p>
-      </div>
-    );
-  }
+  
 
   if (isError || cartItems.length === 0) {
     return (
-      <div className="container mx-auto px-4 min-h-[90vh] flex items-center justify-center">
-        <h2 className="text-3xl md:text-4xl lg:text-5xl text-gray-400 font-semibold">
-          {t("cart_empty")}
-        </h2>
-      </div>
+      <EmptyCart/>
     );
   }
 

app/[locale]/favorites/page.tsx

@@ -5,7 +5,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { useTranslations } from "next-intl";
 import ProductCard from "@/features/home/components/ProductCard";
 import type { Favorite } from "@/lib/types/api";
-
+import EmptyFavorites from "@/features/favorites/components/EmptyFavorites";
 export default function FavoritesPage() {
   const t = useTranslations();
   const { data: favorites, isLoading, isError } = useFavorites();
@@ -25,12 +25,7 @@ export default function FavoritesPage() {
 
   if (isError || !favorites || favorites.length === 0) {
     return (
-      <div className="container mx-auto px-6 py-8  bg-white">
-        <h1 className="text-3xl font-bold mb-6">{t("favorite_products")}</h1>
-        <div className="flex items-center justify-center min-h-[60vh]">
-          <p className="text-2xl text-gray-400">{t("empty_favorites")}</p>
-        </div>
-      </div>
+     <EmptyFavorites/>
     );
   }