move image, edit image

src/app/move-image-modal/move-image-modal.component.html

@@ -0,0 +1,24 @@
+<!-- src/app/move-image-modal.component.html -->
+<div class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+    <div class="bg-white rounded-lg shadow-lg w-96 p-6">
+      <h2 class="text-xl font-semibold mb-4">Bild verschieben</h2>
+      <p class="mb-4">Wähle das Zieldeck für das Bild <strong>{{ image.name }}</strong> aus.</p>
+      <select [(ngModel)]="selectedDeckId" class="w-full p-2 border border-gray-300 rounded mb-4">
+        <option *ngFor="let deck of decks" [value]="deck.name" [disabled]="deck.name === sourceDeck.name">
+          {{ deck.name }}
+        </option>
+      </select>
+      <div class="flex justify-end space-x-2">
+        <button (click)="close()" class="bg-gray-500 text-white py-2 px-4 rounded hover:bg-gray-600">
+          Abbrechen
+        </button>
+        <button 
+          (click)="moveImage()" 
+          [disabled]="!selectedDeckId" 
+          class="bg-yellow-500 text-white py-2 px-4 rounded hover:bg-yellow-600">
+          Verschieben
+        </button>
+      </div>
+    </div>
+  </div>
+