Modifying the new tab placeholder text

[eduardo-vargas]

This issue pertains to the following package(s):

• [ ] GraphQL Playground - Electron App
• [ ] GraphQL Playground HTML
• [x] GraphQL Playground
• [ ] GraphQL Playground Express Middleware
• [ ] GraphQL Playground Hapi Middleware
• [ ] GraphQL Playground Koa Middleware
• [ ] GraphQL Playground Lambda Middleware

What OS and OS version are you experiencing the issue(s) on?

N/A

What version of graphql-playground(-electron/-middleware) are you experiencing the issue(s) on?

-react

What is the expected behavior?

There should be a way for developers to modify / customize this default placeholder without having to leverage the tabs props

What is the actual behavior?

There is no smooth way of changing this place holder, only way we could find is to use the tabs prop and pass it a custom query

    const tabs = [
        {
            name: "Sample Query",
            query: "Custom placeholder here",
        },
    ];

What steps may we take to reproduce the behavior?

Please provide a gif or image of the issue for a quicker response/fix.