fix(all) Добавил раздачу картинок через бекенд

frontend/Dockerfile

@@ -21,6 +21,10 @@ server {
         proxy_pass http://backend:8081;
     }
 
+    location /static {
+        proxy_pass http://backend:8081;
+    }
+
     # Сама статика React
     location / {
         root /usr/share/nginx/html;

frontend/src/components/CardItem.jsx

@@ -20,22 +20,7 @@ export default function CardItem({ item, onAddToCart }) {
   return (
     <div className="flex flex-col text-white w-full">
       <div className="w-full rounded-md overflow-hidden bg-slate-800/60 flex flex-col h-100 items-center justify-center border border-slate-700/50 select-none">
-        <svg
-          className="w-12 h-12 text-slate-600 mb-2"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 002-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-          />
-        </svg>
-        <span className="text-xs text-slate-500 font-medium uppercase tracking-wider">
-          Изображение товара
-        </span>
+        <img src={item.avatar_url} alt={item.name} className="object-cover" />
       </div>
 
       {/* Блок с информацией о товаре */}

frontend/src/pages/About.jsx

@@ -5,7 +5,7 @@ export default function Shop() {
   return (
     <PageLayout>
       <main className="px-6 md:px-16 grow w-full mb-6">
-        <div className="flex flex-col text-white text-2xl font-medium ">
+        <div className="flex flex-col text-white text-2xl font-medium">
           <div className="uppercase text-2xl md:text-4xl md:mt-10">
             fish fish
           </div>

frontend/src/pages/Contact.jsx

@@ -4,12 +4,15 @@ export default function Contact() {
   return (
     <PageLayout>
       <main className="px-6 md:px-16 grow w-full mb-6">
-        <div className="w-full overflow-hidden rounded shadow-md ">
-          <iframe
-            src="https://yandex.ru/map-widget/v1/?um=constructor%3Aaee46827fd51e482587f99245635b92b3d473b8d2aef2b4e36f83ddfaaf77cb9&amp;source=constructor"
-            className="w-full h-127.5  border-0 "
-            title="Yandex Map"
-          />
+        <div>
+          <div className="text-2xl text-white">Контакты</div>
+          <div className="w-full overflow-hidden rounded shadow-md ">
+            <iframe
+              src="https://yandex.ru/map-widget/v1/?um=constructor%3Aaee46827fd51e482587f99245635b92b3d473b8d2aef2b4e36f83ddfaaf77cb9&amp;source=constructor"
+              className="w-full h-127.5 md:h-[340px] border-0"
+              title="Yandex Map"
+            />
+          </div>
         </div>
       </main>
     </PageLayout>