[FE-46] Build dividend distribution UI — distribute revenue to token holders and view history

[yusuftomilola]

Overview

Asset owners can distribute revenue (rental income, sale proceeds) to token holders proportionally to their holdings. This UI handles initiating a dividend distribution and viewing the history of past distributions. Depends on BE-63.

Context

• Add a "Dividends" tab to tokenized asset detail pages
• API endpoints (from BE-63): POST /stellar/assets/:id/dividends/distribute, GET /stellar/assets/:id/dividends/history, GET /stellar/assets/:id/dividends/my

Acceptance Criteria

• "Dividends" tab on tokenized asset detail page
• "My Dividends" card at the top showing the current user's unclaimed dividends (if they are a token holder)
• "Distribute Dividend" button (admin only): modal with total amount input, currency selector (XLM or asset token), a preview of distribution per holder based on current token balances, confirm button
• After distribution: show transaction hash, update distribution history
• Distribution History table: date, total amount distributed, number of recipients, amount per token, transaction hash (linked to Stellar explorer)
• Bar chart (Recharts BarChart) showing dividend amounts over time

[JudeDaniel6]

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

hello Maintainer, Please can i work on this issues and give you a better result

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

[Qoder-Undefined]

@Qoder-Undefined has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hi maintainer i have carefully read this issue requirement and am confident that i can achieve it ensuring all criteria are met

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

[drips-wave]

Congratulations, @Qoder-Undefined! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

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