Standardproduktbild hinzugefügt und mit useState konfiguriert.

src/client/dd-hub-react/src/app.tsx

@@ -19,7 +19,7 @@ type AppProps = {
 export default function App({ children }: AppProps) {
   useScrollToTop();
 
-  const githubButton = () => (
+  const ddButton = () => (
     <Fab
       size="medium"
       aria-label="Github"
@@ -41,7 +41,7 @@ export default function App({ children }: AppProps) {
   return (
     <ThemeProvider>
       {children}
-      {githubButton()}
+      {ddButton()}
     </ThemeProvider>
   );
 }

src/client/dd-hub-react/src/sections/product/product-item.tsx

@@ -1,3 +1,5 @@
+import { useState } from 'react';
+
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import Card from '@mui/material/Card';
@@ -38,11 +40,14 @@ export function ProductItem({ product }: { product: ProductItemProps }) {
     </Label>
   );
 
+  const [imgSrc, setImgSrc] = useState(product.coverUrl);
+
   const renderImg = (
     <Box
       component="img"
       alt={product.name}
-      src={product.coverUrl}
+      src={imgSrc}
+      onError={() => setImgSrc('/assets/images/product/product-default.webp')}
       sx={{
         top: 0,
         width: 1,