feat: partial solution for L1 -> L2 transactions table styling

[coxmars]

Feature: Add L1 -> L2 Transactions Table Page

Description

This PR introduces a new page for displaying the latest L1 to L2 transactions. The new page includes a table that shows the following details for each transaction:

• L1 Block Number
• L2 Transaction Hash
• Timestamp
• L1 Transaction Hash
• L1 Transaction Origin
• Gas Limit

Changes

• Created a new top-level route /txs-enqueued to display the L1 -> L2 transactions table.
• Added a new component LatestL1L2TransactionsTable that renders the transactions in a table format.
• Updated the fetchLatestL1L2Transactions function to return 50 placeholder transactions.

  In Progress - I will improve this by tomorrow

• Included links and icons for external and internal navigation:
  • Links to block explorer for L1 block number, L1 transaction hash, and L1 transaction origin.
  • Internal links for L2 transaction hash.
• Adjusted table styling to ensure better readability and alignment of icons.

Notes

• Placeholder data is used for development. Integration with the real API is in progress.
• This PR does not include pagination; it will be implemented in a separate issue.

Screenshots

[coxmars]

@coxmars This is a good start but it needs some polishing.

In particular, make sure you replicate styles from the homepage for the red links and show the icon when redirecting to the external L1 block explorer.

Understood sir, I'm working on that so soon I will send the improvements 🫡

[coxmars]

@coxmars This is a good start but it needs some polishing.

In particular, make sure you replicate styles from the homepage for the red links and show the icon when redirecting to the external L1 block explorer.

@coxmars This is a good start but it needs some polishing.

In particular, make sure you replicate styles from the homepage for the red links and show the icon when redirecting to the external L1 block explorer.

Hi @saimeunt, I sent the improvements requested, thanks.