refactor(ui): better spacing and font-weight

packages/hoppscotch-app/components/http/Authorization.vue

@@ -111,6 +111,7 @@
         blank
         svg="external-link"
         reverse
+        class="mb-4"
       />
     </div>
     <div v-if="authType === 'basic'" class="border-b border-dividerLight flex">

packages/hoppscotch-app/components/http/Body.vue

@@ -81,6 +81,7 @@
         blank
         svg="external-link"
         reverse
+        class="mb-4"
       />
     </div>
   </div>

packages/hoppscotch-app/components/http/BodyParameters.vue

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

packages/hoppscotch-app/components/http/Headers.vue

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

packages/hoppscotch-app/components/http/Parameters.vue

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

packages/hoppscotch-app/components/http/ResponseMeta.vue

@@ -9,7 +9,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.request.send_request") }}
@@ -94,6 +94,7 @@
           blank
           svg="external-link"
           reverse
+          class="my-4"
         />
       </div>
       <div

packages/hoppscotch-app/components/http/TestResult.vue

@@ -97,6 +97,7 @@
         blank
         svg="external-link"
         reverse
+        class="my-4"
       />
     </div>
   </AppSection>