Fix Dachboden Coding

01-frontend/src/helper/homepage/ItemCard.tsx

@@ -21,8 +21,11 @@ export default function ItemCard({ item }: { item: ItemWithImage }) {
     const handleClick = () => {
         navigate(`/product/${item.id}`, { state: { item } });
     }
-    const [imageUrl] = useState<string>(item.image || "/src/assets/default.jpg"); // Fallback-Bild
-
+    const [imageUrl, setImageUrl] = useState<string>(item.image || "/src/assets/default.jpg"); // Fallback-Bild
+    
+    if(imageUrl !== "/src/assets/default.jpg" && !imageUrl.startsWith("data:image/")) {
+        setImageUrl("data:image/jpeg;base64," +imageUrl);
+    }
 
     return (
         <Paper elevation={4}>
@@ -31,7 +34,7 @@ export default function ItemCard({ item }: { item: ItemWithImage }) {
                     <CardMedia
                         component="img"
                         height="140"
-                        image={imageUrl}
+                        src={imageUrl}
                         alt={item.name}
                         onError={(event) => {
                             event.currentTarget.src = "/src/assets/default.jpg"; // Standardbild setzen

01-frontend/src/pages/Home.tsx

@@ -44,7 +44,7 @@ export default function Home() {
         retryDelay: 1000, // Wartezeit zwischen den Versuchen (in ms)
     });
 
-    const items:ItemWithImage[] = useMemo(() => data || [], [data]);
+    const items: ItemWithImage[] = useMemo(() => data || [], [data]);
 
     const discountedPrices = items.map(
         (item) => item.price100 * (1 - item.discount100 / 100)