Add Drag and Drop Capability for Image Uploads

[fajarb]

Summary

Add drag and drop functionality for image uploads within the project to enhance user experience and streamline the image upload process.

Details

• Implement a drag-and-drop UI component for image uploads.
• Ensure the component provides visual feedback when an image is dragged over the drop area.
• Support uploading multiple images at once.
• Validate file types (accept only image formats such as JPG, PNG, GIF).
• Display previews of uploaded images before submission.
• Provide error handling for unsupported file types and upload failures.

Motivation

Improving the image upload process with drag-and-drop capability will make the application more user-friendly and efficient, reducing friction for end-users.

Acceptance Criteria

• Users can drag and drop images into the designated upload area.
• Only image files are accepted and uploaded successfully.
• Uploaded images are previewed before final submission.
• Errors are displayed for unsupported files or failed uploads.

Additional Context

Please document the implementation and update any relevant user guides.