Add transaction signing UI feedback

[therealjhay]

Description: When the user initiates a Stellar transaction (e.g., settlement), there's no visual feedback during the signing process. The user sees a brief loading state but doesn't know what's happening (waiting for Freighter popup, waiting for Horizon confirmation, etc.).

Requirements:

• Create a transaction status tracker component showing the current step:
  1. "Waiting for Freighter" — Freighter popup is open
  2. "Signing transaction" — User approved in Freighter, waiting for signature
  3. "Submitting to network" — Transaction sent to Horizon
  4. "Confirming settlement" — Waiting for blockchain confirmation
• Show an animated progress indicator through the steps
• Handle each step's failure with specific error messages

Suggested execution steps:

1. Create components/stellar/TransactionProgress.tsx
2. Accept a transaction promise/task and update the step state as it progresses
3. Display 4 steps with animated connectors and status indicators (pending → active → complete → error)
4. Integrate with the settlement initiation flow and any other Stellar transaction flows
5. Use the BettaPay brand colors for the progress indicator

Example commit message:

feat(stellar): add multi-step transaction signing progress indicator

Created TransactionProgress component showing 4-step signing flow:
Freighter popup → Signing → Submitting → Confirming. Animated progress
with step-specific status indicators and error handling for each phase.

[yunus-dev-codecrafter]

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

Hi! I've carefully reviewed the entire task description and fully understand the requirements and expected outcome.
I have experience working on similar tasks and I'm confident I can complete this within about an hour. I'd be happy to take ownership of this issue and submit a clean, well-tested solution promptly.
If it's available, please assign it to me. Thank you!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @yunus-dev-codecrafter to this issue.

[Tybravo]

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

Hello, I am a full-stack Software Engineer with 7+ years of experience and a Blockchain Developer. Very good in open-source contributions and adding value competently, and I do like to work on the Issue.

I have strong hands-on experience building advanced, user-friendly and visually engaging frontend interfaces using React, Vite, TypeScript, and Next.js, with a focus on reusable component architecture, modern UI patterns, responsive design, state management, and performance optimization. I work across both frontend and backend systems with smart contracts, including backend logic, API design, database architecture, and schema modeling.

I have experience building modern, scalable web applications using React, Typescript, Next.js, Node.js, Java, Rust, and related technologies. Some relevant projects (personal and OPEN SOURCE) I have worked on include:

--> https://www.verilens.xyz/
--> https://repeasy.wal.app/
--> https://docwalrus.vercel.app/
--> https://grainlify.0xo.in/

I am comfortable working within an existing codebase or independently , following project conventions, and delivering clean, maintainable, and well-structured solutions. My GitHub repositories can speak for themselves in demonstrating my experience and consistency across different types of projects.

I am confident I can contribute effectively and deliver high-quality results.

Thank you for your time and considering my application.

Regards,
TyBravo.

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

[drips-wave]

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

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