Top-level loading state for initial pageload

[david-crespo]

On initial pageload, we just show a blank screen while the loaders run.

We could show the loading bar we use for client-side navs, that would be something, but it would probably be better if we had a page-side skeleton state. The only problem there is that if we have a page in the console that does not have that layout (for example device auth or login), we would want a different skeleton state for those pages. For that reason, I think the skeleton state should be configured at the layout level. React Router makes this very easy, I think there's a fallbackElement (or something) right on the <Route>.

[david-crespo]

@benjaminleonard @paryhin curious if you have ideas on this. The main problem is that it can be a very quick flash, so some kind of skeleton might be smart.

[benjaminleonard]

I had this designed for the auth page that might work:

[david-crespo]

I looked into this and it is non-trivial to figure out exactly why the screen is blank for that time — I think it's a combination of things — and therefore how to actually display the loading state during it.

Side note, for some reason the blank screen feels longer on https://console-preview.oxide.computer/. Not sure what that's about.