Add image deletion functionality to product dialog carousel

client/src/app/components/ps-product-dialog/ps-product-dialog.component.html

@@ -31,6 +31,23 @@
               [disabled]="carouselItems.length <= 1">
         <mat-icon>chevron_right</mat-icon>
       </button>
+
+      <!-- Bouton de suppression (croix rouge) -->
+      @if (carouselItems.length && !carouselItems[currentIndex].isPlaceholder) {
+        <button mat-icon-button
+                class="carousel-delete-btn"
+                (click)="onDeleteCurrentImage()">
+          <mat-icon>delete</mat-icon>
+        </button>
+      }
+
+      <!-- Bouton suivant -->
+      <button mat-icon-button
+              class="carousel-nav-btn right"
+              (click)="next()"
+              [disabled]="carouselItems.length <= 1">
+        <mat-icon>chevron_right</mat-icon>
+      </button>
     </div>
 
     <!-- Bandeau de vignettes -->
@@ -40,6 +57,14 @@
              [class.active]="i === currentIndex"
              (click)="onThumbClick(i)">
           @if (!item.isPlaceholder) {
+
+            <!-- Bouton suppression vignette -->
+            <button mat-icon-button
+                    class="thumb-delete-btn"
+                    (click)="onDeleteThumb(i, $event)">
+              <mat-icon>close</mat-icon>
+            </button>
+
             <img class="thumb-img" [src]="item.src" alt="Vignette produit">
           } @else {
             <div class="thumb-placeholder" (click)="fileInput.click()">