feat: add img to order state on page profile

frontend/src/pages/Profile.jsx

@@ -80,7 +80,9 @@ export default function Profile() {
                   key={order.id}
                 >
                   <div className="flex justify-between mb-2">
-                    <span className="font-medium">Заказ #{order.id}</span>
+                    <span className="font-medium text-sm md:text-base">
+                      Заказ #{order.id}
+                    </span>
                     <span className="text-white/60 text-sm uppercase">
                       {statusLabels[order.status]}
                     </span>
@@ -90,10 +92,15 @@ export default function Profile() {
                     {order.items?.map((oi) => (
                       <div
                         key={oi.id}
-                        className="flex justify-between pt-2 border-t border-white/10 text-sm"
+                        className="flex justify-between pt-2 border-t border-white/10 text-sm items-center"
                       >
-                        <span>{oi.item?.name}</span>
-                        <span>
+                        <img
+                          src={`/static/items/${oi.item?.avatar_url}`}
+                          alt={oi.item?.name}
+                          className="w-10 h-10 object-cover rounded shrink-0"
+                        />
+                        <span className="grow">{oi.item?.name}</span>
+                        <span className="whitespace-nowrap shrink-0">
                           {oi.quantity} {oi.item?.unit} x {oi.price}р
                         </span>
                       </div>