Improve the full-page loading indicator

[gtsiolis]

Problem to solve

Back in https://github.com/gitpod-io/gitpod/issues/16803 and https://github.com/gitpod-io/gitpod/pull/16984, a full-page loading indicator was added while loading the dashboard.

Although, this significantly improves the dashboard by not showing a blank white page on load, there's room to improve this page and also avoid confusing users. From https://github.com/gitpod-io/gitpod/pull/16984#discussion_r1145890305:

@gtsiolis: Re-using the bouncing logo could frustrate or confuse users as they usually to see that loading state (bouncing logo) a lot while opening workspaces.

The current state also lacks a loading indication, as the logo remains still, which could confuse users even more as the layout resembles the error page, besides the workspace start page.

Full-page loading	Error	Start

Proposal

Replace the current full-page loading in indicator with the (animated) spinner animation.

BEFORE	AFTER

[himanshu1221]

Can I give it a try @gtsiolis?

[gtsiolis]

Sure, @himanshu1221! 🏓

[vedant-jain03]

@himanshu1221 In case you are not working on this issue, please let me know, I would love to work on this!

[himanshu1221]

@himanshu1221 In case you are not working on this issue, please let me know, I would love to work on this!

Yes @vedant-jain03 i am still trying

[RayAsh37]

to sum-up, the current loading page content should be entirely replaced by just a plain Spinner. am I right @gtsiolis ?

[gtsiolis]

Hey @RayAsh37! Chatted with the team about this internally and decided we're going to keep the current version for now. Thanks for hanging here, let me close this for now. 📕