Latest graphiql & live schema reload

### Is your proposal related to a problem? No

- Whenever we are updating the SQL schema sometimes we forget to reload the console
- Since the schema is not updated some fields will be not visible/missing
- The [graphqlbin](https://www.graphqlbin.com/v2/new) uses a console which polls the schema
- The tab feature in the same is also really useful to construct & priests the queries for testing
- Really helpful for the frontend team since they are mostly interacting with the APIs
- I would prefer an editor like Monaco over code mirror since we mostly use vs code as dev env
-
### Describe the solution you'd like

- Update the graphiql to the latest
- A version similar to [graphqlbin](https://www.graphqlbin.com/v2/new)

### Describe alternatives you've considered

- Using postman
- [graphqlbin](https://www.graphqlbin.com/v2/new)
- Insomnia client
- VSCode code completion plugins

Locate the existing GraphiQL console implementation and compare its current version and behavior with the graphqlbin console linked in the issue. Clarify which features are in scope, including live schema polling, tabs, and Monaco versus CodeMirror, then define completion against the selected feature set.

Written by the indexing model from the issue text.