[FEAT] : Add Drag-and-Drop Visual Feedback for Upload Area

[NaitikVerma6776]

Is your feature request related to a problem? Please describe.

Summary

Currently, the document upload area does not provide visual feedback when users drag files over it. This makes the drag-and-drop functionality less intuitive.

Proposed Solution

Add a highlighted state to the upload area when a file is dragged over it and display a simple message such as "Drop file here to upload".

Approach

• Add drag event handlers (onDragEnter, onDragLeave, onDrop).
• Track drag state using React state.
• Apply conditional styling when a file is dragged over the upload area.

Acceptance Criteria

• Upload area highlights during drag-and-drop.
• Visual state resets after drag leave or drop.
• Existing upload functionality continues to work correctly.

Benefits

Improves user experience.
Makes drag-and-drop support more discoverable.
Provides clear feedback during upload interactions.
Reduces confusion for new users.

GSSoC '26

• Yes, I am participating in GirlScript Summer of Code and would like to build this.

[github-actions]

Hi @NaitikVerma6776! 👋

Thanks for opening this issue! We are thrilled to have you contribute to PDF-Assistant-RAG for GSSoC 2026.

📌 Before you start:

• Make sure you have read our Contributing Guidelines.
• Wait for a project admin to assign this issue to you before working on it.
• Remember to branch off dev and not main.

Happy Coding! 🚀

[NaitikVerma6776]

heyy @param20h , i would like to work on this issue .please assign it to me as I am a very active contributor for this project.