Add payment confirmation success animation and summary screen

[Kingsman-99]

Overview

After a successful payment the app returns to the invoice detail page with no celebration or summary. Add a dedicated success screen with animation to confirm the transaction clearly.

Acceptance Criteria

• After transaction confirmed on-chain, show a full-modal success screen (not a toast)
• Animated checkmark SVG plays on enter (CSS animation, no heavy library)
• Shows: "Payment Successful!", amount paid, transaction hash (truncated + copy button), Stellar Expert link
• "View Invoice" button returns to the invoice detail page
• "Download Receipt" shortcut triggers the PDF receipt download (links to that feature)
• Auto-dismisses to the invoice page after 10 seconds with a visible countdown
• Success screen accessible (announces to screen readers via aria-live="assertive")
• Error variant: red X animation with error message and "Try Again" button

[Peolite001]

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

i would love to work on this issue

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

[rahimatonize]

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

Hi maintainer, I would love to work on this issue , please assign

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

[LawalRahman]

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

Hi,

I’m a full-stack and blockchain developer with experience building fintech and payment-focused applications. I work across frontend, backend, APIs, and smart contract integrations with a strong focus on turning ideas into working products quickly.

For this issue, I’d focus on delivering a simple but well-structured solution that demonstrates clear Stellar utility rather than unnecessary complexity. My priority would be reliability, clean architecture, secure implementation, and an MVP that can realistically evolve beyond the hackathon.

I’m ready to begin immediately and ship iteratively with clear progress updates.

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

[drips-wave]

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

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