Build the Transactions List & Filtering UI

[codeZe-us]

Implement the detailed view for individual transactions, including the transaction metadata card and the vertical status timeline.

Contribution Guide

• PRs go to the dev branch, not main
• Please application must explain a short specific approach to this task
• PR description must clearly describe what you built and changed
• Link your PR to the correct issue number

Implementation Guidelines

• Key files: lib/modules/transactions/presentation/pages/transaction_details_page.dart, lib/modules/transactions/presentation/widgets/status_timeline_stepper.dart
• Build the top section showing the large transaction amount, dynamic status badge (e.g., Pending, Success), and key-value pairs for metadata (From, To, Fee, Transaction ID, Date).
• Implement the vertical status timeline/stepper at the bottom of the screen to visually track the progress of the transaction (e.g., Request Initiated -> Processing -> Completed).
• Ensure the layout adapts dynamically based on whether the transaction is a deposit or a withdrawal.

Expectations

• What done looks like: Tapping a transaction opens a beautifully styled detailed view showing all relevant metadata and a clear visual timeline of the transaction's lifecycle, matching the provided Figma designs.
• Discord for questions: codeze_us

Figma link: https://www.figma.com/design/p5nhJ5ahlDoagScLjJGKCn/Vestroll?node-id=0-1&p=f&t=AUYYKcrNLOuvEdHD-0

[Killerjunior]

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

I would love to work on this

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

[Chigybillionz]

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

Hi, I’ve reviewed this issue and I’m confident I can fix it. I’d like to take it on.
Pr in 4hrs!

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

[Emoji-dot]

@Emoji-dot has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I would like to work on this issue

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

[Jahmeen]

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

I would love to work on this issue and contribute to the project.

I’ve reviewed the details and feel confident that I can investigate and implement a solid solution for this.

If this issue is currently unassigned and open for external contributors, could you please assign it to me? I will get started on a fix right away and submit a Pull Request as soon as it's ready.

Please let me know if there are any specific guidelines or approaches you'd like me to follow for this particular task.

Thanks,

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

[isaacCodes1]

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

Based on your request, I will implement and fix this issue according to the design requirement and to fit your acceptance criteria

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

[Daveside9]

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

Can I do this?

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

[davidawele3]

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

Hello maintainer I'll like to work on this issue

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

[Mmesolove]

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

Hi maintainer, I have read the description and I can solve it,please kindly assign to me

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

[gracepeterfejokwu]

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

Hello maintainer I'll like to work on this issue

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

[Babigdk]

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

Hi, Kindly assign this issue to me. Please 🙏

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

[Daniel202251]

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

I’m a smart contract and full-stack developer who turns complex ideas into secure, production-ready blockchain code.
With strong skills in Rust and Solidity, I build systems that are fast, safe, and built to last.
My experience with the Stellar SDK lets me ship real-world Web3 solutions that actually move value

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

[manueldezman]

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

Hi @codeZe-us,

I will resolve this in 30 minutes.

As a frontend engineer who has successfully delivered multiple responsive dashboard screens and pixel-perfect transaction lists, I am highly experienced in handling scroll list performance and building reactive, filterable grid parameters. I will build your detailed transaction view and vertical status timeline stepper exactly to your Figma design tokens, ensuring fluid layout adaptation between deposits and withdrawals.

Could you please assign this transaction details and status timeline task to me on the dev branch? I will deliver a clean, review-ready PR within the 30-minute window.

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

[emarc99]

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

Hy team! Kindly assign me to do this, I have relevant XP. I'll open a draft PR real quick!

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