embed graphiQL Console in the query-dashboards-workbench

[YANG-DB]

In the query workbench plugin (https://github.com/opensearch-project/dashboards-query-workbench)
Add a new GraphQL tab in addition to SQL/PPL/GraphQL query workbench which will contain the next open-
source component https://github.com/graphql/graphiql console

• location https://playground.opensearch.org/app/opensearch-query-workbench

[ps48]

As of now, Graphiql provides three high level react components as follows:

The GraphiQLProvider components renders multiple context providers that encapsulate all state management
The GraphiQLInterface component renders the UI that makes up GraphiQL
The GraphiQL component is a combination of both the above components

To use the GraphiQL component, only requirement is to provide a graphql compatible endpoint. To add this to a Dashboards plugins we can create a pass through via node-hapi to the OpenSearch simple-scema endpoint.

Ref: https://github.com/graphql/graphiql/tree/main/packages/graphiql#usage