(feat) default image for machines

app/frontend/src/javascript/components/machines/machine-card.tsx

@@ -49,7 +49,7 @@ const MachineCard: React.FC<MachineCardProps> = ({ user, machine, onShowMachine,
     }
 
     return (
-      <div className="machine-picture" style={{ backgroundImage: `url(${machine.machine_image})` }} onClick={handleShowMachine} />
+      <div className="machine-picture" style={{ backgroundImage: `url(${machine.machine_image}), url('/default-image.png')` }} onClick={handleShowMachine} />
     );
   };
 

app/frontend/src/stylesheets/modules/machines/machine-card.scss

@@ -63,18 +63,8 @@
     border-top-right-radius: 5px;
     position: relative;
 
-    &.no-picture::before {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      content: '\f03e';
-      font-family: 'Font Awesome 5 Free' !important;
-      font-weight: 900;
-      font-size: 80px;
-      color: #ebebeb;
+    &.no-picture {
+      background-image: url('../../../../images/default-image.png');
     }
   }