Use cards for claim/receive accounts.

[fairlighteth]

Summary

• Styles the claim/receive accounts
• For now keeping the Badge colors provided by the component @anxolin added.

[fairlighteth]

Just noticed the icon color in light mode. Will address.

[github-actions]

• 🔭 GP Swap: CoW Protocol v2 Swap UI

[fairlighteth]

Fix pushed for the icon color in light mode:

[alfetopito]

How can you make it look so good?

Approved, just small suggestion regarding the semantics of a prop

[elena-zh]

@biocom , magic you do!
But could we make addresses arrows clickable?

Also, could we show these addresses in 1 line in a mobile view?

Thanks!

[anxolin]

You are a 🧙‍♀️

[fairlighteth]

@elena-zh Thanks for reporting. Pushed a fix for both items:

Mobile

[fairlighteth]

Merging to keep release up to date.
@anxolin Feel free to modify wording as you see fit, based on the comment thread in this PR
@elena-zh please review the 2 points I addressed

[elena-zh]

Hey @biocom , looks great now!
Tiny-tiny nitpick is that navigation arrow has a bit differently underlined than an address in Win10+Chrome

As an expected result I'd prefer it underlined the same way as we do for 'View all orders' link or so

But anyways, if you think that this nitpick worth effort, it will be addressed in another PR.

Thanks!