DS-082: Build a transaction Stepper component

[IbrahimIjai]

Context

Stellar actions often move through approval, signing, submission, confirmation,
and completion. A single status badge does not communicate multi-step progress
or which stages remain.

Scope

• Add Stepper, Step, StepIndicator, StepTitle, and StepDescription parts.
• Support pending, current, complete, error, and skipped states.
• Provide compact horizontal and detailed vertical layouts.
• Use semantic transaction colors without relying on color alone.

Acceptance criteria

• Ordered-list semantics communicate sequence to assistive technology.
• Current, completed, failed, and skipped steps have textual or icon cues.
• Long labels wrap without breaking connector alignment.
• Compact mode becomes vertical or scroll-safe on small screens.
• Tests cover every state, orientation, accessible current step, and dynamic progression.

Out of scope

• Submitting transactions or polling Stellar RPC.
• Persisting transaction progress across sessions.

[Redsight51]

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

Can I take this off your plate?

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

[Stephan-Thomas]

@Stephan-Thomas has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

hi, i would like to work on this.

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

[muhsar27]

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

Please assign this issue to me, I would love to do this

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

[damiedee96]

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

Hello Maintainer, I'd love to work on this issue.

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

[thommyshelby100]

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

Hello Maintainer, I’m a full stack developer with hands-on experience building with variety of tools including Nextjs, nodejs, nestjs, React, Typescript and more

I focus on writing clear, maintainable code and making sure features work as expected end to end, not just in isolation. I communicate progress regularly and keep things transparent as I work. I’m confident I can complete this task within an ETA of 24 HOURS

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

[baling-1]

@baling-1 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I’d like to work on this issue. I understand the requirements and will deliver a clean implementation with proper testing and documentation where needed.

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