web-wallet: Refactor dashboard to use routes

[kieranhall]

Resolves #2075

[nortonandreev]

Seems like the Card component that was holding the main content is missing:

Also, looking at the design, Transact is split into Send and Receive. Was there a decision made to keep them both together? I guess having Send and Receive separately is better in a sense that Receive is easy to find, however, I also would get the argument for having them both under one section that is about transacting. 🤷‍♂️

[nortonandreev]

Another minor thing I noticed: we have transact tab vs transfer path and stake tab vs staking path. Should we unify them?

[kieranhall]

Seems like the Card component that was holding the main content is missing:

I've added the Card into this PR now and made adjustments to the Card in accordance with the updates in Figma.

Also, looking at the design, Transact is split into Send and Receive. Was there a decision made to keep them both together? I guess having Send and Receive separately is better in a sense that Receive is easy to find, however, I also would get the argument for having them both under one section that is about transacting. 🤷‍♂️

#2175

Another minor thing I noticed: we have transact tab vs transfer path and stake tab vs staking path. Should we unify them?

We might as well make any changes in #2175 too, as /transfer will be removed anyway.

[nortonandreev]

The gap after the holdings container in the transact is too small (ie. the buttons have bigger spacing in between – we should instead have bigger spacing between the container above and the buttons, as spacing is used for grouping similar elements).

Also the spacing after the holding container in the transact and the stake views is different (1em vs 0.625em).