[Frontend] Persistent notifications center

[jobbykings]

Background

Users have no persistent view of notifications; important updates are only transient and easily missed.

Scope

A persistent notifications center with unread state, real-time updates, and actions. Out of scope: email/push delivery.

Proposed Approach

• Build the notifications center UI
• Fetch/mark-read logic in useNotifications.ts
• Wire real-time updates via WebSocket/polling
• Make it accessible (aria-live)

Files to Modify

• frontend/src/components/Notifications/ — notifications center UI
• frontend/src/hooks/useNotifications.ts — fetch/mark-read/realtime logic
• frontend/src/lib/ — API client wiring

Edge Cases

• Unread counts update in real time
• Mark-read/clear actions are optimistic + reconciled
• Empty and loading states are handled

Dependencies

• frontend/src/components/Notifications/
• frontend/src/hooks/useNotifications.ts

Effort

M — ~2–3 days

Definition of Done

• Notifications list with read/unread states
• Real-time updates for new notifications
• Mark-read and clear actions
• Accessible (aria-live) and tested

[OluRemiFour]

I've reviewed the issue and understand the requirements. I'd love to work on this and submit a clean PR that meets the acceptance criteria.

Payout wallet (Stellar): GALHFNUOYOY4S5CNRK7OI7NKS7UNWYGSJII2POQ6XQKWMUVLKZ2SAWMP

GrantFox OSS campaign — smart escrow payout on merge.

[heymide]

I'd like to be assigned to this issue. I'll deliver a clean, maintainable solution that matches the requirements.

Payout wallet (Stellar): GCJS6J54NK4FJFT5I4AUIOSFONKAM7GI6RRHWYH55TUY2WZAEIH2Q5D7
GrantFox OSS campaign — smart escrow payout on merge.