Notifications Frontend

[renatodellosso]

Intro

We're adding a way to view all of a user's notifications.

Acceptance Criteria

• Add a /inbox page that lists a user's notifications. This is the "full page" design in Figma.
• When a user clicks on a notification, take them to the /inbox/[notificationId] page, which displays a single notification. Redirect back to /inbox if the user doesn't own the notification. Viewing the page for a notification should mark it as read.
• Add a NotificationsSidebar component. This is the "button to popup panel" in Figma.
• Add a NotificationsWidget component. This is the "integrated into dash - widget" in Figma.

Resources

• See the Figma design here.
• Tessa is your point of contact on the design team for this ticket.
• Don't manually specify Tailwind colors; add a variable to the CSS file instead. See here for how to do this with Tailwind.