feat: add drag-and-drop image upload to Sanity storage

[khalidkhankakar]

Drag-and-Drop Image Upload to Sanity Storage

This pull request introduces a new Drag-and-Drop Image Upload feature to enhance the user experience by allowing simple and efficient image uploads directly to Sanity storage. Users can now easily drag and drop supported image files (PNG, JPEG, JPG) into a designated upload zone, preview the image, and seamlessly store it in Sanity’s backend.

Features

• Drag-and-Drop Zone: An intuitive upload area where users can drag and drop images or click to select a file.
• Image Preview: After selecting an image, users can preview it immediately before uploading.
• Supported File Types: The upload feature supports the most common image formats: PNG, JPEG, and JPG.
• Performance Optimization: The feature is optimized for quick, efficient uploads, providing a smooth user experience.
• Sanity Storage Integration: Uploaded images are securely stored in Sanity’s storage, making it convenient to access and manage assets.

[vercel]

@khalidkhankakar is attempting to deploy a commit to the JS Mastery Pro Team on Vercel.

A member of the Team first needs to authorize it.