Wire NotificationDropdown to live stream events

[ogazboiz]

Join our community: https://t.me/+DOylgFv1jyJlNzM0

Description

frontend/components/NotificationDropdown.tsx exists but is not connected to real data. Users should see a live notification bell with stream events.

What Needs to Happen

• Use useStreamEvents to receive live SSE events for the user's streams
• Show unread count badge on the bell icon
• Notification messages per event:
  • stream.withdrawn: "You received X USDC from stream #N"
  • stream.cancelled: "Stream #N was cancelled — refund incoming"
  • stream.topped_up: "Stream #N was topped up by X USDC"
  • stream.paused / stream.resumed: "Stream #N was paused/resumed"
• Mark all as read on dropdown open
• Max 20 shown; link to activity page for full history

Files

• frontend/components/NotificationDropdown.tsx

Acceptance Criteria

• Unread count badge updates in real-time
• All 5 event types produce notifications
• Mark-as-read clears badge

[solomonokeke012-bot]

@solomonokeke012-bot has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

like to work on this

ℹ️ Repo Maintainers: To accept this application, review their application or assign @solomonokeke012-bot to this issue.

[anonfedora]

@anonfedora has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

I'm Anonfedora, I have vast experience in contributing and building on the Stellar ecosystem with the Rust using soroban's SDK.
I'm also good at comprehensively testing features.
ETA: < 12 hours

ℹ️ Repo Maintainers: To accept this application, review their application or assign @anonfedora to this issue.

[drips-wave]

Congratulations, @anonfedora! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

🧑‍💻 @anonfedora: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @anonfedora as part of the Stellar Wave Program's 4th Wave 🥳

😎 @anonfedora: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.