Implemented a User-Friendly DOM-Based Message System to Replace Intrusive Alert Messages

[barchakuz]

Summary

I replaced the pages' alert message system with a more user-friendly DOM-based message system. Previously, the alert messages were disruptive and required users to close them before interacting with the page. The new system displays messages within the DOM and automatically disappears after 3 seconds. This change aligns with HCI standards by reducing user effort for minor tasks and improving overall user experience.

Motivation

The motivation behind this Pull Request is to enhance user experience by addressing the inconvenience caused by the previous alert message system. The alerts were intrusive and hindered user interaction with the page. By implementing a DOM-based message system with automatic dismissal, users can now seamlessly continue their tasks without interruption.

Testing

I extensively tested the new message system to ensure its functionality and usability. Beyond the automatic hooks, I manually verified that messages appear correctly, disappear after 3 seconds, and do not interfere with user interaction. Additionally, I tested the system across different browsers and devices to ensure compatibility.
##Screenshot
NOTE: In both videos i tried uploading wrong file instead to Zip to show error, file upload was not capture by screen recorder but message is visible
Before

2024-03-30.02-14-59.mp4

After

2024-03-30.02-14-15.mp4

[github-actions]

This PR is stale because it has been open 45 days with no activity.