Create a transaction history view

[prayagd]

As a vortex user, i should be able to access my transaction history on the app

Acceptance Criteria

• Transactions are grouped under clearly labeled month headings (e.g., May).
• Each transaction item displays:
  • Source and destination types (e.g., Base › PIX, PIX › Polygon)
  • Amount sent and received (e.g., 100 › 99.956457)
  • Status badge with appropriate color coding:
    • 🟢 Green for Success
    • 🟡 Yellow for Pending
    • 🔴 Red for Failed
  • Transaction date should be in this format May 15, 2025 · 2:14 PM. Please dont follow the reference date format.
  • Icons representing the currencies used
• A clearly visible back arrow at the top-left navigates the user to the swap screen.
• The screen is scrollable to accommodate any number of transactions.
• The most recent transactions appear at the top of the list.
• The layout is fully responsive and displays well on both desktop and mobile devices.
• The "History" can be navigated via the navbar item called "History", it should be placed on the left of the network selector
• It should be only visible when the user wallet is connected

Note

• The date and time should be according to the users device time @pendulum-chain/devs would this be complicated??

Wireframe

[ebma]

@prayagd can this be progressed?

[prayagd]

@ebma ready to progressed

[Sharqiewicz]

@prayagd I think it's better if we integrate the history button into the Swap Form instead of placing it in the Navbar.