Add a recent buyer activity feed on the key detail page showing the last 5 trades in real time

[Chucks1093]

Summary

New visitors to a key detail page have no social proof of activity. A live activity feed showing the last 5 buys and sells with wallet address (truncated), quantity, and time ago would signal that the key is actively traded.

Scope

• Fetch the last 5 trades from GET /keys/:keyId/trades?limit=5 on key detail page load
• Poll every 30 seconds and prepend new trades to the top of the feed
• Render each row with truncated wallet address, trade type (Buy/Sell), quantity, and time ago
• Animate new rows sliding in from the top with a brief highlight
• Show 'No recent activity' when no trades exist

Acceptance Criteria

• Last 5 trades rendered on load
• New trades prepended every 30 seconds if available
• Slide-in animation plays for new rows
• 'No recent activity' shown when no trades exist
• Buy rows shown in green, sell rows in red

ETA: 12 hours

---

Coordinate on Telegram

[gbotemipeter14]

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

Hi Maintainer! I’m interested in contributing to this task and can work toward delivering a clean solution on time.

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

[npmInstallRegret]

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

hi, i would like to work on this.

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

[VeronicDev]

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

Hi, I can fix this pls assign

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

[payfoxX]

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

I love to fix this issue, kindly assign it to me. Thanks

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

[dollfins]

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

Hello maintainer, i would love to fix this issue kindly assign it to me Thanks

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

[dakwa001]

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

Hi! I’d like to take this issue. I’ll go through the existing implementation, identify the root cause, and work on a clean solution before submitting a PR for review.

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

[drips-wave]

Congratulations, @dakwa001! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @dakwa001: 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 🌊