fix: absolute gql response codemirror position

packages/hoppscotch-common/src/components/graphql/RequestOptions.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex h-full flex-1 flex-col">
+  <div class="h-full">
     <HoppSmartTabs
       v-model="selectedOptionTab"
       styles="sticky top-0 bg-primary z-10 border-b-0"

packages/hoppscotch-common/src/components/graphql/Response.vue

@@ -4,7 +4,7 @@
       v-if="
         response && response.length === 1 && response[0].type === 'response'
       "
-      class="flex flex-1 flex-col"
+      class="flex flex-1 flex-col relative"
     >
       <div
         class="sticky top-0 z-10 flex flex-shrink-0 items-center justify-between overflow-x-auto border-b border-dividerLight bg-primary pl-4"
@@ -72,7 +72,10 @@
           </tippy>
         </div>
       </div>
-      <div ref="schemaEditor" class="flex flex-1 flex-col"></div>
+      <div
+        ref="schemaEditor"
+        class="flex flex-1 flex-col absolute inset-0 top-10"
+      ></div>
     </div>
     <component
       :is="response[0].error.component"