bug fix

src/features/about/ui/AboutContent.tsx

@@ -99,6 +99,7 @@ export function AboutContent() {
                   height={500}
                   src={image.url || '/placeholder.svg'}
                   alt={image.alt}
+                  unoptimized
                   className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
                 />
               </div>

src/features/about/ui/AboutHero.tsx

@@ -9,6 +9,7 @@ export function AboutHero() {
         <Image
           width={500}
           height={500}
+          unoptimized
           src="/gourmet-food-culinary-magazine-hero-image.jpg"
           alt="Gastro Market"
           className="w-full h-full object-cover brightness-50"

src/features/cart/ui/CartPage.tsx

@@ -1,4 +1,5 @@
 'use client';
+import ProductBanner from '@/assets/product.png';
 import { cart_api } from '@/features/cart/lib/api';
 import { BASE_URL } from '@/shared/config/api/URLs';
 import { useRouter } from '@/shared/config/i18n/navigation';
@@ -21,7 +22,6 @@ import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useEffect, useRef, useState } from 'react';
 import { toast } from 'sonner';
-import ProductBanner from '@/assets/product.png';
 
 const CartPage = () => {
   const { cart_id } = useCartId();
@@ -167,6 +167,7 @@ const CartPage = () => {
                     alt={item.product.name}
                     width={500}
                     height={500}
+                    unoptimized
                     className="object-cover"
                     style={{ width: '100%', height: '100%' }}
                   />

src/features/cart/ui/OrderPage.tsx

@@ -560,6 +560,7 @@ const OrderPage = () => {
                         <Image
                           width={500}
                           height={500}
+                          unoptimized
                           src={
                             item.product.images.length !== 0
                               ? BASE_URL + item.product.images[0].image

src/features/category/ui/Category.tsx

@@ -37,6 +37,7 @@ const Category = () => {
                     src={BASE_URL + category.image}
                     alt={category.name}
                     width={70}
+                    unoptimized
                     height={70}
                   />
                   <span className="text-gray-900 font-medium">

src/features/product/ui/Product.tsx

@@ -165,6 +165,7 @@ const ProductDetail = () => {
         <div>
           <Image
             width={500}
+            unoptimized
             height={500}
             src={
               data && data?.images?.length !== 0
@@ -192,6 +193,7 @@ const ProductDetail = () => {
                     <Image
                       src={BASE_URL + img.image}
                       alt=""
+                      unoptimized
                       width={120}
                       height={120}
                       className="object-contain"

src/features/profile/ui/Orders.tsx

@@ -144,6 +144,7 @@ const Orders = () => {
                       >
                         <Image
                           width={500}
+                          unoptimized
                           height={500}
                           src={item.image || '/placeholder.svg'}
                           alt={item.name}

src/features/profile/ui/RefreshOrder.tsx

@@ -521,6 +521,7 @@ const RefreshOrder = () => {
                           height={500}
                           src={item.product_image}
                           alt={item.product_name}
+                          unoptimized
                           className="w-16 h-16 object-contain bg-gray-100 rounded"
                         />
                         <div className="flex-1">