enamad + fix size image order

src/app/checkout/thank-u/payment/page.tsx

@@ -74,7 +74,7 @@ const ThankYouContent = () => {
                     {/* آیکون موفقیت */}
                     <div className="flex justify-center mb-6">
                         <div className="bg-green-50 rounded-full p-5">
-                            <TickCircle size={64} className="text-green-500" variant="Bold" />
+                            <TickCircle color='green' size={64} className="text-green-500" variant="Bold" />
                         </div>
                     </div>
 

src/app/profile/orders/components/OrderProducts.tsx

@@ -26,13 +26,15 @@ const OrderProducts: React.FC<OrderProductsProps> = ({ products }) => {
                 {products.map((product) => (
                     <SwiperSlide key={product.id} className='!w-[180px] sm:!w-[200px] lg:!w-[234px]'>
                         <div className='flex w-[180px] sm:w-[200px] lg:w-[234px] h-[180px] sm:h-[200px] lg:h-[234px] flex-col p-4 sm:p-5 lg:p-7 items-center rounded-xl gap-2 border border-border'>
-                            <Image
+                            <div className='min-h-[100px]'>
-                                src={product.image}
+                                <Image
-                                className='max-w-[100px] sm:max-w-[120px] lg:max-w-[140px] max-h-[100px] sm:max-h-[120px] lg:max-h-[140px] object-center'
+                                    src={product.image}
-                                alt={product.name}
+                                    className='max-w-[100px] sm:max-w-[120px] lg:max-w-[140px] max-h-[100px] object-contain'
-                                width={100}
+                                    alt={product.name}
-                                height={100}
+                                    width={100}
-                            />
+                                    height={100}
+                                />
+                            </div>
                             <div className='max-w-[160px] truncate h-full sm:max-w-[180px] lg:max-w-[200px] text-center text-xs sm:text-sm font-light mt-2 sm:mt-4'>
                                 {product.name}
                             </div>