[Frontend] Implement Notifications Page for User-centric Alerts and Updates

[thomaslin2020]

Description:
Construct a "Notifications Page" designed to offer users a consolidated view of all their notifications, encompassing a variety of categories.

Key Features:

1. View Notifications:
   • Overview: Display each notification with its title and the time elapsed since it was received (akin to iPhone notifications).
   • Detailed View: Upon selecting a notification, show its title along with an expanded body or description of the notification.

Categories of Notifications:

• Personal Notifications:

  • Example: Notifications regarding individual user matters, such as application status.

• Team Notifications:

  • Example: Notifications that concern the entire team, such as the status of hardware orders, team announcements, and updates.

• Public Notifications:

  • Information originating from broader public announcements or messages intended for all users.

---

Additional Notes:

• Ensure a clean and intuitive UI that allows for easy distinction between the various categories of notifications.
• Include functionalities like "Mark as Read", "Delete", or "Archive" to manage notifications.
• Ensure that the notifications are in real-time and provide an option for users to manage their notification preferences.