Update launch configuration for development environment and enhance ProductDetailPage styling. Added environment variables and skip files to launch.json, and improved image handling in ProductDetailPage with consistent dimensions and border styling.

.vscode/launch.json

@@ -3,20 +3,31 @@
   // This will install dependencies before starting the dev server
   "version": "0.2.0",
   "configurations": [
-
     {
       "type": "node-terminal",
       "name": "Start with API propxy to seedheads.de (Install Deps)",
       "request": "launch",
       "command": "npm run start:seedheads",
       "preLaunchTask": "npm: install",
-      "cwd": "${workspaceFolder}"
+      "env": {
+        "NODE_ENV": "development"
+      },
+      "envFile": "${workspaceFolder}/.env",
+      "skipFiles": [
+        "<node_internals>/**"
+      ]
     },{
-      "type": "node-terminal",
       "name": "Start",
+      "type": "node-terminal",
       "request": "launch",
       "command": "npm run start",
-      "cwd": "${workspaceFolder}"
+      "env": {
+        "NODE_ENV": "development"
+      },
+      "envFile": "${workspaceFolder}/.env",
+      "skipFiles": [
+        "<node_internals>/**"
+      ]
     }
   ]
 }

src/components/ProductDetailPage.js

@@ -665,18 +665,12 @@ class ProductDetailPage extends Component {
                   .map((attribute) => {
                     const key = attribute.kMerkmalWert;
                     return (
-                      <Box key={key} sx={{ mb: 1 }}>
+                      <Box key={key} sx={{ mb: 1,border: "1px solid #e0e0e0", borderRadius: 1 }}>
                         <CardMedia
                           component="img"
+                          style={{ width: "72px", height: "98px" }}
                           image={attributeImages[key]}
                           alt={`Attribute ${key}`}
-                          sx={{
-                            maxWidth: "100px",
-                            maxHeight: "100px",
-                            objectFit: "contain",
-                            border: "1px solid #e0e0e0",
-                            borderRadius: 1,
-                          }}
                         />
                       </Box>
                     );