Consistent UI for Web IDE Loader and Error State
## Description There's a number of "checks" we should preform before officially starting the Web IDE. It'd be great if there was some additional information shown while loading the Web IDE. If success, we'll continue onto the Web IDE. If error, we'll show a helpful message and not just fail silently. ## Current state Currently we have some visually different "loading" and "failure" states before the Web IDE actually starts: | Description | Screenshot | |-------------|------------| | Loader | ![Screenshot_2024-06-26_at_12.09.56_PM](/uploads/7d30162e9676c1566ac0b9bbb7a772f4/Screenshot_2024-06-26_at_12.09.56_PM.png) | | OAuth misconfigured | ![Screenshot_2024-06-26_at_12.10.03_PM](/uploads/1531f5089078daf081b243eed00f9184/Screenshot_2024-06-26_at_12.10.03_PM.png) | | Unknown exception thrown | ![Screenshot_2024-06-26_at_12.13.29_PM](/uploads/545ffd4b2a58b2344c61a59dde13e8c1/Screenshot_2024-06-26_at_12.13.29_PM.png) | It would be great to have a **consistent** UI and abstraction for how we want to present "Preflight errors" to the user. ## What kind of checks? - OAuth configured correctly? - Does project/branch exist? https://gitlab.com/gitlab-org/gitlab-web-ide/-/issues/359 - Were any errors thrown trying to start the Web IDE? https://gitlab.com/gitlab-org/gitlab/-/merge_requests/154178 It's possible for **both** OAauth to be misconfigure **and** the branch to not exist, so it'd be great for the UI to support showing multiple issues.
epic