Update stakeshuffle page UI

[devchoplife]

Closes #1019
Fixes #1040
This PR updates the mixer page to the latest UI

[JustinBeBoy]

I can't start mixing

[devchoplife]

I can't start mixing

This PR focuses on the UI
The functionality of the mixer is excluded

[JustinBeBoy]

I can't start mixing

This PR focuses on the UI The functionality of the mixer is excluded

I can't start mixing at the moment so that hinders the review of this PR, I can't see the way of the progress works

[devchoplife]

I can't start mixing

This PR focuses on the UI The functionality of the mixer is excluded

I can't start mixing at the moment so that hinders the review of this PR, I can't see the way of the progress works

The progress bar functionality has not been implemented, this PR only updates the UI to V2

[Sirmorrison]

The icon seems blurry and not centralized

[devchoplife]

The icon seems blurry and not centralized

I extracted from figma
I will check if I can get a clearer one

[JustinBeBoy]

@devchoplife I see many comments @Sirmorrison that you marked solved, I checked again but it is not resolved, please check it again

[dreacot]

I can't start mixing

This PR focuses on the UI The functionality of the mixer is excluded

Why does this PR just focus on UI, the more UI we implement without functionality, the farther it takes us away from out goal.
Excepts there's a block in implementing the functionality, let's resolve it at the same time.

Because there isn't even a proper way to ensure the UI implementation is correct if the functionality doesn't work

[dreacot]

seems like the layout can still be improved;

1. The trailing "DCR" of the balance should be bolder and larger
2. the mixed and unmixed balances should have a trailing DCR, the decimals can go for zero balances as well
3. the "Mixer" text should be a lighter shade of gray
4. looks like the max width of the mixer card should be reduced