Feat: Implement drag and drop in drop zone feature for file upload

[Praveenkumar5048]

Describe the feature

At present users can only browse the file to upload, the drag and drop of file feature is not supported. Adding this feature will enhance our application usability.

Add ScreenShots

The title says "drop files here" but we can't actually drag and drop files into that drop zone.

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSoC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Congratulations, @Praveenkumar5048! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines