GraphQL syntax highlighting for Request and Response bodies

[marandaneto]

Problem Statement

Request and response bodies are plain text, it's hard to read and find out what's wrong.

Solution Brainstorm

Implement syntax highlighting for request and response when the request is of the type graphql.
If the response has errors, the request body should be highlighted in the faulty line (similar to the source code context).

RFC https://github.com/getsentry/rfcs/blob/main/text/0087-graphql-errors.md
Relay changes getsentry/relay#2141
Notion page https://www.notion.so/sentry/GraphQL-proposal-d6e5846f30434770903cf3af20bc2568

Product Area

Issues

[marandaneto]

@scefali @malwilley can you add the right labels and projects? thanks.