fixed favorites api

components/layout/Header.tsx

@@ -11,7 +11,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import Logo from "@/public/logo.png";
+import Logo from "@/public/logo.webp";
 import CategoryMenu from "./ui/CategoryMenu";
 import SearchBar from "./ui/SearchBar";
 import AuthDialog from "./ui/AuthDialog";
@@ -19,6 +19,7 @@ import ActionButtons from "./ui/ActionButtons";
 import LanguageSelector from "./ui/LanguageSelector";
 import { useAuthStatus, useLogout } from "@/lib/hooks/useAuth";
 import { useTranslations } from "next-intl";
+import { CategoryIcon } from "../icons";
 
 interface HeaderProps {
   locale?: string;
@@ -76,7 +77,7 @@ export default function Header({ locale = "ru" }: HeaderProps) {
               className="hidden gap-2 rounded-xl font-bold sm:flex hover:bg-[#005bff] bg-[#005bff] text-white"
               size="lg"
             >
-              {isCategoryOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
+              {isCategoryOpen ? <X className="h-5 w-5" /> : <CategoryIcon  />}
               {t("common.catalog")}
             </Button>
 

components/layout/ui/ActionButtons.tsx

@@ -16,6 +16,7 @@ import { useCart, useFavorites, useOrders } from "@/lib/hooks";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useTranslations } from "next-intl";
 import { useLogout } from "@/lib/hooks/useAuth";
+import { CartIcon, FavoriteIcon, OrderIcon, ProfileIcon } from "@/components/icons";
 
 interface ActionButtonsProps {
   isAuthenticated: boolean;
@@ -70,21 +71,21 @@ export default function ActionButtons({
 
   const buttons: ActionButtonData[] = useMemo(() => [
     {
-      icon: <Truck className="h-5 w-5 text-gray-600" />,
+      icon: <OrderIcon />,
       label: t("common.orders"),
       href: "/orders",
       badgeCount: ordersCount,
       isLoading: ordersLoading,
     },
     {
-      icon: <Heart className="h-5 w-5 text-gray-600" />,
+      icon: <FavoriteIcon />,
       label: t("common.favorites"),
       href: "/favorites",
       badgeCount: favoritesCount,
       isLoading: favoritesLoading,
     },
     {
-      icon: <ShoppingCart className="h-5 w-5 text-gray-600" />,
+      icon: <CartIcon   />,
       label: t("common.cart"),
       href: "/cart",
       badgeCount: cartCount,
@@ -101,7 +102,7 @@ export default function ActionButtons({
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button variant="ghost" size="sm" className="flex-col gap-0.5 h-auto px-2 py-2">
-              <User className="h-5 w-5 text-gray-600" />
+              <ProfileIcon />
               <span className="text-xs text-gray-700">{t("profile")}</span>
             </Button>
           </DropdownMenuTrigger>
@@ -118,7 +119,7 @@ export default function ActionButtons({
         </DropdownMenu>
       ) : (
         <Button variant="ghost" size="sm" className="flex-col gap-0.5 h-auto px-2 py-2" onClick={onAuthClick}>
-          <User className="h-5 w-5 text-gray-600" />
+          <ProfileIcon />
           <span className="text-xs text-gray-700">{t("common.login")}</span>
         </Button>
       )}

components/layout/ui/AuthDialog.tsx

@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { toast } from "sonner";
-import Logo from "@/public/logo.png";
+import Logo from "@/public/logo.webp";
 import { useLogin, useVerifyToken } from "@/lib/hooks/useAuth";
 import { useTranslations } from "next-intl";
 

components/layout/ui/SearchBar.tsx

@@ -13,6 +13,7 @@ import {
 import { useRouter } from "next/navigation";
 import { useSearchProducts } from "@/features/search/hooks/useSearch";
 import Image from "next/image";
+import { SearchIcon } from "@/components/icons";
 
 interface SearchBarProps {
   isMobile: boolean;
@@ -158,7 +159,7 @@ export default function SearchBar({
         size="icon"
         className="h-auto hover:bg-[#005bff] cursor-pointer bg-transparent flex items-center mr-1.5 text-white"
       >
-        <Search className="h-5 w-5" />
+        <SearchIcon />
       </Button>
       <SearchResults />
     </div>