perf: improve native image tags

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

@@ -99,6 +99,7 @@
         :src="`/images/states/${$colorMode.value}/login.svg`"
         loading="lazy"
         class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
+        :alt="$t('empty.authorization')"
       />
       <span class="text-center pb-4">
         {{ $t("empty.authorization") }}

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

@@ -69,6 +69,7 @@
         :src="`/images/states/${$colorMode.value}/upload_single_file.svg`"
         loading="lazy"
         class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
+        :alt="$t('empty.body')"
       />
       <span class="text-center pb-4">
         {{ $t("empty.body") }}

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

@@ -157,6 +157,7 @@
         :src="`/images/states/${$colorMode.value}/upload_single_file.svg`"
         loading="lazy"
         class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
+        :alt="$t('empty.body')"
       />
       <span class="text-center pb-4">
         {{ $t("empty.body") }}

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

@@ -154,6 +154,7 @@
             w-16
             inline-flex
           "
+          :alt="$t('empty.headers')"
         />
         <span class="text-center pb-4">
           {{ $t("empty.headers") }}

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

@@ -147,6 +147,7 @@
             w-16
             inline-flex
           "
+          :alt="$t('empty.parameters')"
         />
         <span class="text-center pb-4">
           {{ $t("empty.parameters") }}

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

@@ -79,6 +79,7 @@
             w-32
             inline-flex
           "
+          :alt="$t('empty.network_fail')"
         />
         <span class="text-center mb-2">
           {{ $t("error.network_fail") }}

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

@@ -82,6 +82,7 @@
         :src="`/images/states/${$colorMode.value}/validation.svg`"
         loading="lazy"
         class="flex-col my-4 object-contain object-center h-16 w-16 inline-flex"
+        :alt="$t('empty.tests')"
       />
       <span class="text-center pb-2">
         {{ $t("empty.tests") }}