feat: add limit order view UI

[0xApotheosis]

Description

Adds UI for viewing open and completed limit orders.

Note for reviewer:

• This PR uses mock data only
• I need to tweak the AssetIconWithBadge component to properly handle the use case (follow-up PR), and so it's currently hardcoded to the Ethereum icon for mock purposes
• This PR does not yet handle smaller viewports, only the expanded version

Issue (if applicable)

Contributes to #6206

Risk

High Risk PRs Require 2 approvals

Small, all changes are behind a flag and visible only on the Limit tab.

What protocols, transaction types, wallets or contract interactions might be affected by this PR?

None

Testing

Ensure when clicking the limit tab the OrdersList component opens automatically, and matches the mocks.

Engineering

☝️

Operations

• 🏁 My feature is behind a flag and doesn't require operations testing (yet)

Screenshots (if applicable)

[woodenfurniture]

Overall looking super tasty, with just a couple minor comments to re-use things and translate stuff where we can 🎉

Q: Is the layout for narrow screens implemented yet, or is out of scope? Currently on narrow screens it doesnt show the order view button and is far left:

Non-blocking (since this is all WIP): Need to be able to scroll the orders list

[0xApotheosis]

Q: Is the layout for narrow screens implemented yet, or is out of scope? Currently on narrow screens it doesnt show the order view button and is far left

Indeed, that was not intended for this PR 🙏 "This PR does not yet handle smaller viewports, only the expanded version".

Non-blocking (since this is all WIP): Need to be able to scroll the orders list

Good catch, I'll address this in the next PR.

[woodenfurniture]

a few non-blocking comments and 1 seemingly missed blocking one

[woodenfurniture]

getitin