refactor: migrate icons to lucide.dev

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

@@ -89,7 +89,7 @@ const {
 const t = i18n.t.bind(i18n)
 
 const rawParamsBody = pluckRef(useRESTRequestBody(), "body")
-const prettifyIcon = ref("align-left")
+const prettifyIcon = ref("wand")
 
 const rawInputEditorLang = computed(() =>
   getEditorLangForMimeType(props.contentType)
@@ -137,7 +137,7 @@ const prettifyRequestBody = () => {
     const jsonObj = JSON.parse(rawParamsBody.value)
     rawParamsBody.value = JSON.stringify(jsonObj, null, 2)
     prettifyIcon.value = "check"
-    setTimeout(() => (prettifyIcon.value = "align-left"), 1000)
+    setTimeout(() => (prettifyIcon.value = "wand"), 1000)
   } catch (e) {
     console.error(e)
     $toast.error(`${t("error.json_prettify_invalid_body")}`, {

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

@@ -99,7 +99,7 @@
           </template>
           <SmartItem
             :label="`${$t('import.curl')}`"
-            svg="terminal"
+            svg="file-code"
             @click.native="
               () => {
                 showCurlImportModal = !showCurlImportModal
@@ -109,7 +109,7 @@
           />
           <SmartItem
             :label="`${$t('show.code')}`"
-            svg="code"
+            svg="code-2"
             @click.native="
               () => {
                 showCodegenModal = !showCodegenModal

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

@@ -55,7 +55,7 @@
         v-if="response.type === 'loading'"
         class="flex flex-col items-center justify-center"
       >
-        <SmartSpinner class="mb-4" />
+        <SmartSpinner class="my-4" />
         <span class="text-secondaryLight">{{ $t("state.loading") }}</span>
       </div>
       <div