Add Skeleton loading animation to the Wallet selector

[johnny9]

This adds the first skeleton loading section to the desktop wallet. Specifically the WalletBadge at the top left corner that is used for selecting a wallet.

untitled.mp4

[johnny9]

gradientshimmer.mp4

Here is an attempt at the gradient shimmer

[johnny9]

Update from 1f65d17 to 9a53889

• Replaced the Animation in Skeleton with the gradient "shimmer" animation.

[GBKS]

Looks great (from the video). Just built the code and tried to check it out in the app, but things load so quickly for me that I don't see it. Do I need to load it up with lots of transactions, or does it only show during IBD or so?

Small thing I noticed is that the content of the wallet display wiggles a bit horizontally when the name is shorter/longer than the balance. Could we please align things to the left?

[MarnixCroes]

tested LGTM 9a53889

[johnny9]

Update from 9a53889 to 99ca9fd

• Removed semicolons in the qml
• Removed useless anchor in Item

[johnny9]

Looks great (from the video). Just built the code and tried to check it out in the app, but things load so quickly for me that I don't see it. Do I need to load it up with lots of transactions, or does it only show during IBD or so?

Small thing I noticed is that the content of the wallet display wiggles a bit horizontally when the name is shorter/longer than the balance. Could we please align things to the left?

Created an issue to track this. It should be possible to fix the alignment. #456