translate to english

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

@@ -1,24 +1,22 @@
-<!-- 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 class="bg-white rounded-lg shadow-lg w-96 p-6">
+    <h2 class="text-xl font-semibold mb-4">Move Image</h2>
+    <p class="mb-4">Select the target deck for the image <strong>{{ image.name }}</strong>.</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">
+        Cancel
+      </button>
+      <button 
+        (click)="moveImage()" 
+        [disabled]="!selectedDeckId" 
+        class="bg-yellow-500 text-white py-2 px-4 rounded hover:bg-yellow-600">
+        Move
+      </button>
     </div>
   </div>
-  
+</div>