refactor: migrate icons to lucide.dev

packages/hoppscotch-app/components/graphql/RequestOptions.vue

@@ -43,18 +43,18 @@
                 :title="$t('app.wiki')"
                 svg="help-circle"
               />
-              <ButtonSecondary
-                v-tippy="{ theme: 'tooltip' }"
-                :title="$t('action.copy')"
-                :svg="`${copyQueryIcon}`"
-                @click.native="copyQuery"
-              />
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
                 :title="$t('action.prettify')"
                 :svg="`${prettifyQueryIcon}`"
                 @click.native="prettifyQuery"
               />
+              <ButtonSecondary
+                v-tippy="{ theme: 'tooltip' }"
+                :title="$t('action.copy')"
+                :svg="`${copyQueryIcon}`"
+                @click.native="copyQuery"
+              />
             </div>
           </div>
           <div ref="queryEditor"></div>
@@ -385,7 +385,7 @@ useCodemirror(queryEditor, gqlQueryString, {
 })
 
 const copyQueryIcon = ref("copy")
-const prettifyQueryIcon = ref("align-left")
+const prettifyQueryIcon = ref("wand")
 const copyVariablesIcon = ref("copy")
 
 const showSaveRequestModal = ref(false)
@@ -500,7 +500,7 @@ const prettifyQuery = () => {
     })
   }
   prettifyQueryIcon.value = "check"
-  setTimeout(() => (prettifyQueryIcon.value = "align-left"), 1000)
+  setTimeout(() => (prettifyQueryIcon.value = "wand"), 1000)
 }
 
 const saveRequest = () => {

packages/hoppscotch-app/components/graphql/Response.vue

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