Tweak Prettify GraphQL Setting in Console

[MalikBagwala]

Component

Console -> c/v3-console

-->

Is your proposal related to a problem?

Current Implementation of Prettify

Current Hasura console prettifies everything into a single line and this is rarely useful since console is mostly used during the development and a more readable approach should be preferred instead of a compact one. I have to use tools like GraphQL Formatter very often, so I thought this links to a deep issue in the UX of the console.

Describe the solution you'd like

I want the prettier to function like this instead.

Describe alternatives you've considered

Manually formatting the code via online formatters

[MalikBagwala]

@manasag I am happy to pick this up, let me know if this needs to be implemented.

[manasag]

This feature is dependent on support by the GraphiQL library. There is an open issue with GraphiQL on the same. We have tested with GraphiQL 2, and its still not supported.
This is duplicate of #1571 , hence closing this one.