fix: Use correct image ID when deleting images in preview mode

Changed ImageGalleryCard to pass itemId (image.id) instead of index
when deleting images in preview mode. This fixes 'Image not found' error
when attempting to delete individual images in ManagementPortalPage
and ModerationGroupImagesPage.

The index was being passed to the API, but the API expects the actual
database image ID.

frontend/src/Components/ComponentUtils/ImageDescriptionManager.js

@@ -23,6 +23,59 @@ function ImageDescriptionManager({
   const [isEditMode, setIsEditMode] = useState(false);
   const [saving, setSaving] = useState(false);
 
+  // Handle deleting a single image
+  const handleDeleteImage = async (imageId) => {
+    const result = await Swal.fire({
+      title: 'Bild löschen?',
+      text: 'Möchten Sie dieses Bild wirklich löschen? Diese Aktion kann nicht rückgängig gemacht werden.',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonColor: '#d33',
+      cancelButtonColor: '#3085d6',
+      confirmButtonText: 'Ja, löschen',
+      cancelButtonText: 'Abbrechen'
+    });
+
+    if (!result.isConfirmed) return;
+
+    try {
+      // Different API endpoints for manage vs moderate
+      const endpoint = mode === 'moderate' 
+        ? `/groups/${groupId}/images/${imageId}`
+        : `/api/manage/${token}/images/${imageId}`;
+
+      const res = await fetch(endpoint, {
+        method: 'DELETE'
+      });
+
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(body.error || 'Fehler beim Löschen des Bildes');
+      }
+
+      await Swal.fire({
+        icon: 'success',
+        title: 'Gelöscht',
+        text: 'Bild wurde erfolgreich gelöscht.',
+        timer: 2000,
+        showConfirmButton: false
+      });
+
+      // Refresh data
+      if (onRefresh) {
+        await onRefresh();
+      }
+
+    } catch (error) {
+      console.error('Error deleting image:', error);
+      Swal.fire({
+        icon: 'error',
+        title: 'Fehler',
+        text: error.message || 'Bild konnte nicht gelöscht werden'
+      });
+    }
+  };
+
   // Initialize descriptions from images
   React.useEffect(() => {
     if (images && images.length > 0) {
@@ -158,6 +211,7 @@ function ImageDescriptionManager({
         onReorder={onReorder}
         imageDescriptions={imageDescriptions}
         onDescriptionChange={handleDescriptionChange}
+        onDelete={handleDeleteImage}
       />
 
       {hasChanges() && (

frontend/src/Components/ComponentUtils/ImageGalleryCard.js

@@ -223,7 +223,7 @@ const ImageGalleryCard = ({
                             <>
                                 <button 
                                     className="btn btn-danger"
-                                    onClick={() => onDelete(index !== undefined ? index : itemId)}
+                                    onClick={() => onDelete(itemId)}
                                 >
                                     🗑️ Löschen
                                 </button>