feat: stepped transaction progress timeline with elapsed time

[yunus-dev-codecrafter]

closes #703

Summary

This PR adds a stepped transaction timeline to the transaction progress modal so users can see where a multi-phase transaction is currently progressing.

What changed

• Added a new transaction timeline component with four explicit phases:
  • Build
  • Sign
  • Submit
  • Confirm
• Wired the timeline into the existing transaction progress modal lifecycle.
• Added visual status treatment for pending, active, done, and failed steps.
• Added elapsed-time feedback on the active step while the transaction is in progress.
• Kept failed steps visible with retry-friendly affordances and a copy-hash action.
• Added a live region announcement for phase changes and respected reduced-motion preferences.
• Added component tests covering active state, elapsed-time updates, and failed-state behavior.
• Documented the feature in TRANSACTION_TIMELINE.md.

Why

Previously, the modal only showed a single overall transaction status, which made it hard to understand whether a transaction was stuck during signing, submission, or confirmation. This change makes multi-phase transactions more transparent and reassuring for users.

Testing

• Verified with:
  • pnpm test -- --run src/components/transaction/TransactionStepTimeline.test.tsx

[vercel]

@yunus-dev-codecrafter is attempting to deploy a commit to the 1nonly's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@yunus-dev-codecrafter Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[1nonlypiece]

the stepped transaction timeline with elapsed time reads really clearly. merged