feat: graphql mode for schema editor

components/graphql/Sidebar.vue

@@ -220,6 +220,7 @@ import {
   setGQLURL,
   setGQLVariables,
 } from "~/newstore/GQLSession"
+import "~/helpers/editor/modes/graphql"
 
 function isTextFoundInGraphqlFieldObject(
   text: string,
@@ -396,7 +397,7 @@ useCodemirror(
   schemaString,
   reactive({
     extendedEditorConfig: {
-      mode: "application/ld+json",
+      mode: "graphql",
       readOnly: true,
       lineWrapping: linewrapEnabled,
     },

pages/documentation.vue

@@ -64,10 +64,9 @@
             <textarea-autosize
               id="import-curl"
               v-model="collectionJSON"
-              class="font-mono p-4"
+              class="font-mono p-4 bg-primary"
               autofocus
               rows="8"
-              placeholder=" "
             />
             <div
               class="