2914 graphql api documentation

[martmull]

close #2914

• synchronise graphql playground theme with Twenty doc theme
• fixing api key form dark theme
• remove useless call to generate api key in open-api schema
• fix nodes in open-api components
• split docs code into components
• adding api key form in /graphql playground

• load schema using api key and fill authorization headers

[charlesBochet]

Unrelated to your PR, but do you know why on docs.twenty.com (or localhost:5001/graphql), we are missing an option:

vs on api.twenty.com/graphql (or localhost:3000/graphql)

This is actually the most useful one option

[charlesBochet]

I don't have exactly the same product behavior on /api-graphql

vs /rest-api

The field is slightly smaller on graphql one. Also, we have a focus on graphql but not on rest-api.

Lastly, it would be great to not lose the focus when we type in the field (most users will copy paste anyway but if you want to fix typos it's a bit annoying)

[charlesBochet]

Thanks @martmull, looks great! I have left a few comments / questions

[martmull]

Fixed all your comments. I have created a ticket for the graphiql explorer plugin -> #3087

[charlesBochet]

LGTM!