chore(ui): minor ui improvements

packages/hoppscotch-app/assets/scss/styles.scss

@@ -7,6 +7,7 @@
 :root {
   @apply antialiased;
 
+  accent-color: var(--accent-color);
   font-variant-ligatures: common-ligatures;
 }
 

packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue

@@ -58,6 +58,7 @@
       ref="previewFrame"
       class="covers-response"
       src="about:blank"
+      loading="lazy"
     ></iframe>
   </div>
 </template>

packages/hoppscotch-app/locales/en.json

@@ -351,7 +351,7 @@
     "light_mode": "Light",
     "official_proxy_hosting": "Official Proxy is hosted by Hoppscotch.",
     "profile": "Profile",
-    "profile_description": "Update you profile details",
+    "profile_description": "Update your profile details",
     "profile_name": "Profile name",
     "proxy": "Proxy",
     "proxy_url": "Proxy URL",

packages/hoppscotch-app/pages/profile.vue

@@ -62,7 +62,7 @@
                   {{ $t("settings.profile_description") }}
                 </div>
                 <div class="py-4">
-                  <label for="selectLabelTeamAdd">
+                  <label for="displayName">
                     {{ $t("settings.profile_name") }}
                   </label>
                   <form
@@ -70,7 +70,7 @@
                     @submit.prevent="updateDisplayName"
                   >
                     <input
-                      id="selectLabelTeamAdd"
+                      id="displayName"
                       v-model="displayName"
                       class="input"
                       :placeholder="$t('settings.profile_name')"