Use query definition name as firstOperationName if any (#855)

Author: olimsaidov

packages/graphql-playground-react/src/components/Playground/util/getQueryTypes.ts

@@ -9,6 +9,10 @@ export const getQueryTypes = (ast): QueryTypes => {
 
   if (ast && ast.definitions) {
     ast.definitions.forEach(definition => {
+      if (!firstOperationName) {
+        firstOperationName = definition.name && definition.name.value
+      }
+
       if (!firstOperationName) {
         firstOperationName =
           definition.selectionSet &&