Improve settlement flow with confirmation and receipt

[therealjhay]

Description: The settlement page has an "Initiate Settlement" button but no confirmation step, no summary of what will happen (amount, exchange rate, fees, expected delivery time), and no receipt after completion. This is a financial transaction — it needs clear confirmation.

Requirements:

• Add a settlement confirmation dialog showing:
  • Amount to settle (USDC and NGN)
  • Exchange rate and effective rate
  • Platform fee (1%)
  • Expected delivery time
  • Destination bank account
• After confirmation, show a processing state with the TransactionProgress component (issue Improve Freighter wallet error handling #108)
• After completion, show a receipt with: transaction hash, amount, date, bank details
• The receipt should be downloadable as PDF or printable

Suggested execution steps:

1. Create components/settlement/SettlementConfirmation.tsx
2. Show the summary before initiating: calculate NGN amount at current rate, show the 1% fee, net amount
3. Require explicit confirmation ("I understand this is irreversible")
4. After confirmation, show the transaction progress (Freighter signing → Horizon → confirmation)
5. On completion, show a receipt card
6. Add a "Download Receipt" button using window.print() or a simple CSV export

Example commit message:

feat(settlement): add confirmation dialog, progress tracking, and receipt

Added settlement confirmation showing amount, rate, fees, and bank
details. Requires explicit user confirmation. Shows transaction progress
(Freighter → Horizon). Generates a downloadable receipt on completion.

[Menjay7]

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

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

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

[sweetsoul21]

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

Hello maintainer, i would love to work on this

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

[jethrojohn739-max]

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

i would love to work this issue

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

[superstarflayce]

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

i would like to work on this

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

[Caneryy]

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

Hi, may I work on this issue please?

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

[drips-wave]

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

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