edit functionality + separation betw upload & edit

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

@@ -0,0 +1,30 @@
+<!-- src/app/edit-image-modal.component.html -->
+<div #editImageModal id="editImageModal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full">
+  <div class="relative h-full contents">
+    <div class="relative bg-white rounded-lg shadow">
+      <button type="button" class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center" (click)="closeModal()">
+        <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+          <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+        </svg>
+        <span class="sr-only">Schließen</span>
+      </button>
+      <div class="p-6 relative">
+        <h3 class="mb-4 text-xl font-medium text-gray-900">Bild bearbeiten</h3>
+        
+        <!-- Canvas und Save Button -->
+        <div class="mt-4">
+          <canvas #canvas class="border border-gray-300 rounded w-full h-auto"></canvas>
+          <button (click)="save()" class="mt-4 bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600">
+            Save
+          </button>
+        </div>
+
+        <!-- Erkannten Text anzeigen -->
+        <!-- <div *ngIf="detectedText" class="mt-4">
+          <h4 class="text-lg font-medium text-gray-700">Erkannter Text:</h4>
+          <pre class="whitespace-pre-wrap text-sm text-gray-600">{{ detectedText }}</pre>
+        </div> -->
+      </div>
+    </div>
+  </div>
+</div>