Incoming swaps and offers in profile sidebar

[exezbcz]

Continuation of:

• Make offer more visible #11020

What

lets put a small container that will have offers and swaps inside together with a time stamp

• since we don't have the functionality to show which of the swaps and offers the user have seen, we will show the newest
• there is a timestamp next to the offer/swap - lets show the collapsed times (1min, 2h, 3d, 4w, 5m)

figma available here: https://www.figma.com/design/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=11726-413&t=vK2M5C6EKLf01mGb-11

Close up

• if empty, don't show it
• skeleton loader over the component please
• max visible is 2 items
• underneath is count of all incoming offers + swaps
• view all button - it can only redirect to one tab (can we put a logic that if there is 0 swaps and 10 offers, it will redirect to the offers and vice versa?)
  • if none of the numbers are 0, redirect to the tab with newest event
• the events are more "words" than images (takes up less space)
• offer is in the format of: X currency for Y-item
• swap is in the format of: X-item for Y-item
• refresh button at the top, please add simple animation and small popup saying "refresh" on hover

last thing is, lets change the wording of "swap" to "create swap" in the sidebar please

let me know if you have any questions