refactor: lint + minor ui fixes

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

@@ -1,31 +1,13 @@
 <template>
   <div
-    class="
-      bg-primary
-      hide-scrollbar
-      whitespace-nowrap
-      sticky
-      top-0
-      z-10
-      flex
-      items-center
-      p-4
-      overflow-auto
-    "
+    class="bg-primary hide-scrollbar whitespace-nowrap sticky top-0 z-10 flex items-center p-4 overflow-auto"
   >
     <div
       v-if="response == null"
-      class="
-        flex
-        text-secondaryLight
-        flex-col
-        items-center
-        justify-center
-        flex-1
-      "
+      class="text-secondaryLight flex flex-col items-center justify-center flex-1"
     >
       <div class="flex pb-4 my-4 space-x-2">
-        <div class="flex flex-col items-end text-right space-y-4">
+        <div class="flex flex-col items-end space-y-4 text-right">
           <span class="flex items-center flex-1">
             {{ t("shortcut.request.send_request") }}
           </span>
@@ -80,21 +62,13 @@
         <img
           :src="`/images/states/${$colorMode.value}/youre_lost.svg`"
           loading="lazy"
-          class="
-            object-contain
-            inline-flex
-            flex-col
-            object-center
-            w-32
-            h-32
-            my-4
-          "
+          class="inline-flex flex-col object-contain object-center w-32 h-32 my-4"
           :alt="`${t('error.network_fail')}`"
         />
         <span class="mb-2 font-semibold text-center">
           {{ t("error.network_fail") }}
         </span>
-        <span class="max-w-sm mb-4 text-center text-secondaryLight">
+        <span class="text-secondaryLight max-w-sm mb-4 text-center">
           {{ t("helpers.network_fail") }}
         </span>
         <AppInterceptor />
@@ -102,7 +76,7 @@
       <div
         v-if="response.type === 'success' || 'fail'"
         :class="statusCategory.className"
-        class="font-semibold space-x-4"
+        class="space-x-4 font-semibold"
       >
         <span v-if="response.statusCode">
           <span class="text-secondary"> {{ t("response.status") }}: </span>