Volume chart and cards layout

[alongoni]

Summary

Closes #87

[github-actions]

• 🔭 Explorer: Explorer test app
• 🔒 Safe Swap App: Trade test app (add to your safe apps)
• 📈 Trade: Trade test app
• 📚 Storybook: Component stories

[elena-zh]

Hey @alongoni , great changes! The page layout looks much0much better now!

However, some nitpicks from my side:

1. Seems like cards area does not 100% correspond to the Top tokens table area. Can we fix it somehow?
   
   
2. 'Volume' in the card should be started with an upper-case letter if follow all the rest cards logic:
   
3. AFAIU, Total volume card's value is not integrated in this PR. Should I create a task for this?

Thanks!

[alfetopito]

Oh yes, it does look very nice, love how it expands on bigger screens

Small screen view is a bit too wide IMO.
I can understand the graph to remain larger, but I think the cards should shrink like the table

Screen.Recording.2022-05-16.at.13.52.36.mov

[alongoni]

I can understand the graph to remain larger, but I think the cards should shrink like the table

Thanks @alfetopito! We will be working on this issue on #75

[ramirotw]

nice!

[elena-zh]

@alongoni , great!

However, a nitpick: I still can see a mismatch in sections' boarders for some devices. See how sections look like in 'Surface Duo' device

Could you please fix it?

Thanks!

[elena-zh]

Hey @alongoni ,now the page in small resolutions looks great.
However, now I see not fully filled in chart in big screen resolutions.

Besides, the page elements are resizing when I change chart periods. See the video: https://watch.screencastify.com/v/XY6AEwulClRA5NMykWzu

[ramirotw]

@alongoni I have updated the branch and resolved conflicts. Apart from what @elena-zh mentioned, there are many console log errors

[elena-zh]

LGTM now!

[ramirotw]

💅