Add a full-page loading indicator for the dashboard

[gtsiolis]

Problem to solve

Loading the dashboard sometimes can take longer than usual.

This also affect staging.

See relevant discussion (internal). Cc @AlexTugarev @svenefftinge

Proposal

Some thoughts on loading:

• Loading strategies
  • Skeleton loaders
  • Loading indicators
    • Full-page loading (This issue!)
    • Inline loading
  • Progressive loading
  • Load more options

For the scope of this issue, we can re-use the Loader component for adding a full-page loading when the entire page is processing, see designs below.

Full-page loading

[himanshu1221]

can I give it a try?

[gtsiolis]

Absolutely, @himanshu1221! Feel free to open a pull request and link back to this comment. 🏓

[gtsiolis]

Cross-posting from a relevant discussion (internal) and #16941 which we may need to revert once we have the full-page loading indicator in place. Cc @geropl @AlexTugarev

@gtsiolis:
❓ For the next iteration, shall we investigate a full-page loading indicator? See relevant discussion and #16803.
❗ The interaction seems a bit jarring as the switch of the org happens after ~3-5 seconds.
❗ This also breaks permalinks for projects. For example, you can no longer link directly to the gitpod project.
❗ The interaction UX will become more jarring when we split the workspace attribution per org and the workspaces list re-renders, see #15980.

[gtsiolis]

@himanshu1221 Heads-up that @selfcontained started working on this as this became a priority issue. 🏓

[himanshu1221]

@himanshu1221 Heads-up that @selfcontained started working on this as this became a priority issue. 🏓

No worries