New swap table and surcharge amounts visible

[exezbcz]

Main

• main changes are that in the swap table, it now shows the item the counterparty wants and offers. Additionally, surcharge is added

figma: https://www.figma.com/design/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=9007-36740&p=f&t=4Tjgrov1GID56iX5-11

How it works

• we have outgoing and incoming swaps, similar, but they differ with a copy

Outgoing

you offer, you get, counterparty name, expiration, action (cancel swap or withdraw swap)

• for the withdraw swap button, please use the correct button component with correct hover state

Should be this:

• expiration got icon
• new tags (collection - for collection atomic swap, active - active offer, expired)
• surcharge amounts
  • blue and on the correct side of grey, if you offer, its on the you offer side etc.

mobile version:

Incoming

they offer, they get, counterparty name, expiration, action (accept, counter swap)

same tags as with incoming

Swap tab on the gallery item

• surcharge on the offer side, if its on the "they want" side, its orange
• if you are the creator of the swap, instead of accept and counter offer, there is cancel
• if you are neither of the owner of the item the swap is created for nor creator of the swap, you see no actions

Color change

• there is a slight color change on "warning"

#F69E28 -> #DD840B

Color token updated in the figma, please update it across the app, the darkmode variant stays the same

and new color is purple, for our collection tag

and that is about it, if you have any questions, feel free to ask

[exezbcz]

cc @Jarsen136 or @hassnian

[exezbcz]

update for collection tag

either its on the offer or they want side