Enhancement: Implement a Centralized Toast Notification System Across the Application

[aaryan498]

Summary

The application currently uses inconsistent approaches for displaying user notifications. Some pages implement their own custom toast logic, while others rely on browser alert() dialogs, resulting in duplicated code and an inconsistent user experience.

Problem

The existing notification system has several issues:

• Toast notification logic is duplicated across multiple components.
• Some pages use custom toast implementations, while others use browser alert() dialogs.
• Each component is responsible for managing its own toast state, timers, and cleanup logic.
• Maintaining or updating the notification system requires changes in multiple places.
• The overall user experience is inconsistent across different pages.

Proposed Solution

Introduce a centralized toast notification system managed at the application level.

• Create a reusable CustomToast component responsible for rendering notifications.
• Manage toast state and auto-dismiss behavior in App.jsx.
• Expose a shared showToast(message, type) function to pages that require notifications.
• Replace browser alert() calls and component-specific toast implementations with the centralized notification system.

Expected Outcome

• Consistent notification experience throughout the application.
• Elimination of duplicated toast-related logic.
• Easier maintenance and future customization of notifications.
• Improved code reusability and cleaner component implementations.

[aaniya22]

pls assign this to me under gssoc