🔔 Add In-App Notification Bell with Unread Count

[savniagrawal1701]

🔔 Feature Request: Add In-App Notification Bell with Unread Count

Current Behavior
The dashboard currently lacks a notification system. As a result, users are unable to track real-time updates regarding task approvals, reward redemptions, or new achievements. Users must manually navigate or refresh to check for updates.

Expected Behavior
Implement an in-app notification system featuring:

• Notification Bell Icon: A bell icon located in the main navigation bar.
• Unread Count Badge: A dynamic badge displayed on the bell icon showing the number of unread notifications.
• Notification Feed: A dropdown or modal that displays a list of recent notifications when the bell is clicked, allowing users to view and mark them as read.

Proposed Solution

1. Backend: Create a Notification model in MongoDB to store messages, types (e.g., approval, reward, achievement), and isRead status. Implement API endpoints to fetch, create, and update notification statuses.
2. Frontend: Create a NotificationBell component in React that fetches unread counts and displays them.
3. UI/UX: Ensure the bell icon is positioned correctly in the navbar and includes a badge that updates dynamically.

Why This Matters

• Improves user retention and engagement by keeping them informed.
• Provides a seamless experience for tracking important account actions without manual checking.

Please assign it to me !!

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊