UX: Make tunnel provisioning phases more obvious

[zachsmith1]

Problem:

• If you create a new tunnel, it takes 10-20 seconds for it to fully provision but the card is disabled this entire time with no indication of the phase its in or if its getting stuck

Solution:

• Design a UX thats clear about the status/phase of the tunnel
• Potentially include heartbeats as a signal as well to show e2e health (grey, yellow, green pulse)

[olliemiller]

@zachsmith1 I've worked up a super simple version to start:

Tunnel loading

Question is - how many steps do we have to display? This solution assumes there's quite a few. If there are only 2 or 3 we might need a rethink because it could be stuck on a step for a while. In previous projects I've even added steps - to make it feel like it's doing more than it is than it is. I wonder if an approach like that would be useful here. The other end of the scale is introducing a delightful little animation to distract/delight. My hunch is to go with this simple version, then we can refine if needed.