refactor(ui): better spacing and font-weight

packages/hoppscotch-app/components/graphql/Request.vue

@@ -4,7 +4,6 @@
       <input
         id="url"
         v-model="url"
-        v-focus
         type="url"
         autocomplete="off"
         spellcheck="false"

packages/hoppscotch-app/components/graphql/RequestOptions.vue

@@ -262,6 +262,7 @@
                 :label="`${$t('add.new')}`"
                 filled
                 svg="plus"
+                class="mb-4"
                 @click.native="addRequestHeader"
               />
             </div>

packages/hoppscotch-app/components/graphql/Response.vue

@@ -60,7 +60,7 @@
         justify-center
       "
     >
-      <div class="flex space-x-2 pb-4">
+      <div class="flex space-x-2 pb-4 my-4">
         <div class="flex flex-col space-y-4 text-right items-end">
           <span class="flex flex-1 items-center">
             {{ $t("shortcut.general.command_menu") }}

packages/hoppscotch-app/components/graphql/Sidebar.vue

@@ -55,7 +55,7 @@
             "
             :alt="$t('empty.documentation')"
           />
-          <span class="text-center">
+          <span class="text-center mb-4">
             {{ $t("empty.documentation") }}
           </span>
         </div>
@@ -223,7 +223,7 @@
             "
             :alt="$t('empty.schema')"
           />
-          <span class="text-center">
+          <span class="text-center mb-4">
             {{ $t("empty.schema") }}
           </span>
         </div>