PaymentProgress bar overflows past 100% when invoice is overpaid

[Kingsman-99]

Description

When a payer sends more than the invoice total, PaymentProgress renders the filled bar beyond the container boundary because the width percentage is not capped. The bar width should be capped at 100% visually while still showing the overpaid amount in the label.

Acceptance Criteria

• The progress bar width is capped at 100% regardless of the paid/total ratio
• An "Overpaid" label or indicator is shown when paid > total
• The exact paid and total amounts are still displayed in the text label
• Existing tests continue to pass

Context

• Target file: src/components/PaymentProgress.tsx

[esegbueadam-sys]

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

Hi, maintainer. I’d like to work on this issue. Please assign it to me.

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

[uchechithelmaonye-cpu]

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

Good day. Please can i work on these.

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

[drips-wave]

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

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

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Third Campaign campaign!

@uchechithelmaonye-cpu's PR #642 was approved and merged by @Kingsman-99.

🏆 @uchechithelmaonye-cpu: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (538 total points). Track your full progress on GrantFox.

👏 Great work, @uchechithelmaonye-cpu! Keep contributing to Stellar-split.

[drips-wave]

This issue has been completed by @uchechithelmaonye-cpu as part of the Stellar Wave Program's 8th Wave 🥳

😎 @uchechithelmaonye-cpu: 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.