refactor: swaps ui with leather-styles

[fbwoolf]

Try out this version of the Leather — download extension builds.

This PR refactors the swaps UI to use the new brand/design system. It also changes the summary tabs to use routes, cc @pete-watters!

[pete-watters]

Can you please delete this line now too? I know it was already like that

// import { useExplorerLink } f..

[fbwoolf]

These comments are still being left for devs working on other parts of this feature. I believe they can be removed soon with the alex PR I'm helping out with atm.

[pete-watters]

Nice work here, I was trying to figure out how to replace <Stack isInline, I'll use <HStack 👍

[pete-watters]

Great work here @fbwoolf 👍 your changes to spacing and the font styles are helping me also when refactoring away stacks/ui

[mica000]

Looking good @fbwoolf!

---

ROW HEIGHT
What do you tink of making every row a fixed height? it will prevent changing the size according to the content. In this case, we would follow the heigh of the row with 2 lines

---

LINK STYLE
What do you think of using the link style on this component?

https://www.figma.com/file/2MLHeIeL6XPVi3Tc2DfFCr/%E2%9D%96-Leather-%E2%80%93-Design-System?type=design&node-id=5787-90549&mode=design&t=tn88fGYw436PHNQJ-4

---

HEADER AND SPACING AT THE TOP
I believe the header title will be solved on the Container's ticket, but wondering about the bigger spacing that seems to be on top - is this also part of that PR or it's related to the swap wrapper?

[markmhendrickson]

@mica000 since this PR was merged, it may be best to migrate your above comment into separate issue(s) for open tracking?

[fbwoolf]

@mica000 since this PR was merged, it may be best to migrate your above comment into separate issue(s) for open tracking?

I can make these updates in the alex integration PR bc they are pretty minor.

[fbwoolf]

Looking good @fbwoolf!

ROW HEIGHT What do you tink of making every row a fixed height? it will prevent changing the size according to the content. In this case, we would follow the heigh of the row with 2 lines

Yep, will do.

LINK STYLE What do you think of using the link style on this component?

Yep, I can change.

HEADER AND SPACING AT THE TOP I believe the header title will be solved on the Container's ticket, but wondering about the bigger spacing that seems to be on top - is this also part of that PR or it's related to the swap wrapper?

I think I did this bc the header title is off from where it is on the design, but the space b/w it and the label over the selector is what I am showing? If you want it moved up, np.