[FEATURE] Implement Toast Error Handling for Enhanced User Experience

[abhinav-m22]

Description

At present, the codebase relies on JavaScript alerts to display error messages, which disrupt the user experience and lack the flexibility to provide a more visually appealing and intuitive error feedback. To improve user experience and streamline error handling, we should implement toast notifications for displaying errors.

Features:

1. Improved User Experience.
2. Improved visual appeal
3. Consistent error presentation
4. Appropriate Firebase Errors can be displayed as it is like incorrect password, user not found, password limit, etc.

Screenshots

Add toast errors like these which will match with the theme:

Additional information

Please assign me the issue under GSSOC23.

Checklist

• [X] I agree to follow this project's Code of Conduct
• [X] I have checked the existing issues
• [X] I'm a GSSoC'23 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Hello abhinav-m22, thanks for opening an issue, your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.