New Section Protocols Stats

[SamantaCasal]

Describe

Apply the new design on the Home page for the Protocols Stats section Figma: https://www.figma.com/file/kVuUyVjFFcRP55xHxHoKtH/WormholeScan?type=design&node-id=7433-8247&mode=design&t=26LQfAisafuxM8k0-4

Resources

For more details look at the related documentation: https://www.notion.so/xlabsxyz/Wormholescan-3cde8691b8cf45608904f3d1085bf374?p=36d8d5c7d7644eec8ea1115015dfcb18&pm=s

Data Structure (OPTION 1): https://www.notion.so/xlabsxyz/Top-Contributors-Stats-38e72161047a44fdb8047ab515ca7840

[SamantaCasal]

Blocked until we have information about what data we will receive from contributors.

[SamantaCasal]

https://www.figma.com/file/kVuUyVjFFcRP55xHxHoKtH/WormholeScan?type=design&node-id=7233-9976&mode=design

[SamantaCasal]

LAst design: https://www.figma.com/file/kVuUyVjFFcRP55xHxHoKtH/WormholeScan?type=design&node-id=7433-8247&mode=design&t=26LQfAisafuxM8k0-4

[Gpluv]

Update version: https://www.figma.com/file/kVuUyVjFFcRP55xHxHoKtH/WormholeScan?type=design&node-id=7433-8247&mode=design&t=P2y2ap1z4fKZ8fPk-4

[giulianoconti]

Blocked until endpoint is finished in prod

[SamantaCasal]

Tooltips Texts:

ALL-TIME VOLUME: This metric calculates the all-time total USD value of VAA transfers 24h VOLUME: This metric calculates the last 24h USD value of VAA transfers

Endpoint: https://api.staging.wormscan.io/api/v1/protocols/stats

[SamantaCasal]

Please, check the design:

FIGMA

DEV: The protocols list and metrics should be on the same card:

[SamantaCasal]

@giulianoconti Please, add a watermark to the new section.

The watermark should be the same in style as the one used for other graphics on the home page and should be centered to the right. For example: