Improve altair experience

[Mythicaeda]

Partially address NASA-AMMOS/aerie#1210.

1. Updates the version of Altair from 5.0.28 to 5.2.11 (the latest release). This is important, as the added prerequest script depends on commands added after 5.0.28.
2. Updates the launch configuration of Altair. Most importantly of these changes, it adds the GraphiQL Explorer plugin (the thing that appears on the right side of Hasura Qurery panel and allows for query building via clicking on entries), adds a prerequest script to sign the user in if their token is invalid/missing, and sets the x-hasura-role: viewer and Authorization header. It also sets the changes the default theme from light to dracula.

Instructions:

1. When visiting the API Playground for the first time, you will be prompted to install the altair-graphql-plugin-graphql-explorer plugin. Allow this.
2. When opening a new window, visit the pre-request tab and set your username/password.
3. Press the Refresh Docs icon directly to the left of the Docs button (two to the left of Send Request)
4. Open the Explorer panel via the symbol beneath the suitcase on the left sidebar

Your page should now look like this:

Things to note:

• The script is currently stores its JWT under the token name instead of potentially clashing with the UI for user
• The script only checks if the JWT is expired. If you dump your database, you will need to temporarily remove the await altair.storage.get("token_exp") from the line const tokenExpiry = await altair.storage.get("token_exp") || 0; to force it to refresh
• In order to use plugins, Altair has to be in "dev mode"
• After updating your role, you need to refresh your docs to see changes in the explorer pane.

Docs

The "How to Interact with the API Playground" docs will need to be updated. (Docs ticket here)

Future Work

• If a login service is added to this endpoint, similar to the UI, then the script can be updated to no longer require users to put their user-pass in the clear every time they open a new window. This means that users will have the correct headers automatically for the Explorer window.

• We may want to expose what the role set by default for the x-hasura-role header is via an environment variable.

[camargo]

LGTM based on visual inspection

[duranb]

lgtm too!