Add Connection animation to Block Clock connecting state

[jarolrod]

light	dark

[GBKS]

Thank you for implementing this, I just tested it and have a few thoughts.

Since we have the blinking dots to communicate that a network connection is being established, I don't think we need to show this massive loader right away. Maybe it can only appear after 5 seconds of a blink dot, in case the user gets impatient ("now the app is trying really hard").

Fading the loader in and out somewhat slowly, maybe 600ms, would be nice to avoid this abrupt effect we have right now where it pops in/out instantly.

It looks like the gradient currently goes from yellow to red to the background color. Is it possible to add transparency to this? There's a very slightly funky effect happening right now where the dots on the dial behind the loader get covered up by the last part of the gradient that uses the background color. This could be done later, not sure if anyone really notices this.

Overall, is there any other type of loading the app does that might also need a loader?

On a sidenote, I tested this by disabling wi-fi altogether. Would be awesome if there's a way to detect whether the phone has any type of internet connection and show an appropriate message.

@jarolrod really appreciate how much work you're putting into this app. Hats off to you.

[hebasto]

Based on #252

It has been merged.

[jarolrod]

Updated from e2ecfaf to 6d97c0a, compare

Changes: rebased over main

[jarolrod]

Updated from 6d97c0a to 3d4a760, compare

Changes: made last color in gradient transparent instead of Theme.color.background

master	pr

[jarolrod]

Closing in favor of #272