Centre local/remote balance on channels screen

[Swissnode]

Is your feature request related to a problem? Please describe.
Instead of showing remote and local underneath each other, put them besides each other and align them

Describe the solution you'd like
The current bar height could be doubled. I would also put a 3-significant figure shorthand of the amount within the bars (see diagram). Anything with 7 digits becomes "M" for millions, anything with 4 digits becomes "k". Do not show more than 3 numbers as the user is not interested in more. Include the exact amount in the detail dropdown.

This view would HAVE to be proportional...

Describe alternatives you've considered
Use the colours that you have in the fee stats screen (red to green) to colour the bars instead of just green and blue. In this way the colour is meaningful

A second alternative would be to included the "balancedness" of the channel as a small number in the top right of the panel holding the channel...

Provide examples
This is what it used to look like:

This is my suggestion:

Additional context
N/A

[Swissnode]

For the second alternative where I suggest putting the balancedness, i also suggest making a second version of this, and that is to put an amount in sats of how unbalanced it is instead... This might be more useful for node owners...

[apotdevin]

Closed by 7b970e5

Continues on #73