Fix: Enhance Dropzone accept and reject visual

[Champetaman]

This pull request improves the user experience by enhancing the visual feedback in the Dropzone component when files are dragged over the dropzone area.

Changes include:

• Added a full blue overlay effect that activates when a file is dragged into the dropzone area, providing a clear visual indication of the active drop zone.
• Updated CSS in Dropzone.module.css to ensure the entire dropzone area changes color consistently without blurring.
• Refactored the Dropzone.tsx component to manage the active state within the DropzoneField, ensuring that the visual feedback is consistently applied.

Previous:

After:

[abouolia]

lgtm!, Thanks for contribution, just pushed a commit for some style tweaks for accept and reject modes to align with Bigcapital brand. let us merge it.

[abouolia]

@all-contributors please add @Champetaman for code

[allcontributors]

@abouolia

I've put up a pull request to add @Champetaman! 🎉