feat: revamped spotlight (#3171)

Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>

packages/hoppscotch-common/vitest.config.ts

@@ -1,5 +1,8 @@
 import { defineConfig } from "vitest/config"
 import * as path from "path"
+import Icons from "unplugin-icons/vite"
+import { FileSystemIconLoader } from "unplugin-icons/loaders"
+import Vue from "@vitejs/plugin-vue"
 
 export default defineConfig({
   test: {
@@ -9,6 +12,23 @@ export default defineConfig({
   resolve: {
     alias: {
       "~": path.resolve(__dirname, "../hoppscotch-common/src"),
+      "@composables": path.resolve(
+        __dirname,
+        "../hoppscotch-common/src/composables"
+      ),
     },
   },
+  plugins: [
+    Vue(),
+    Icons({
+      compiler: "vue3",
+      customCollections: {
+        hopp: FileSystemIconLoader("../hoppscotch-common/assets/icons"),
+        auth: FileSystemIconLoader("../hoppscotch-common/assets/icons/auth"),
+        brands: FileSystemIconLoader(
+          "../hoppscotch-common/assets/icons/brands"
+        ),
+      },
+    }) as any,
+  ],
 })