From 98b01b016dd1b9198aa3b43ef19f6f2266756e65 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Mon, 31 Jan 2022 19:44:40 +0530
Subject: [PATCH] chore: lint

---
 .../hoppscotch-app/assets/icons/activity.svg  | 16 ++++++++--
 .../hoppscotch-app/assets/icons/archive.svg   | 16 ++++++++--
 .../assets/icons/arrow-left.svg               | 18 ++++++++---
 .../assets/icons/arrow-right.svg              | 18 ++++++++---
 .../hoppscotch-app/assets/icons/book-open.svg | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/book.svg | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/box.svg  | 20 +++++++++---
 .../assets/icons/check-circle.svg             | 18 ++++++++---
 .../hoppscotch-app/assets/icons/check.svg     | 16 ++++++++--
 .../assets/icons/chevron-down.svg             | 16 ++++++++--
 .../assets/icons/chevron-right.svg            | 16 ++++++++--
 .../hoppscotch-app/assets/icons/circle.svg    | 16 ++++++++--
 .../hoppscotch-app/assets/icons/clock.svg     | 18 ++++++++---
 .../hoppscotch-app/assets/icons/cloud.svg     | 16 ++++++++--
 .../hoppscotch-app/assets/icons/code-2.svg    | 20 +++++++++---
 .../hoppscotch-app/assets/icons/columns.svg   | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/copy.svg | 18 ++++++++---
 .../hoppscotch-app/assets/icons/download.svg  | 20 +++++++++---
 packages/hoppscotch-app/assets/icons/edit.svg | 18 ++++++++---
 .../assets/icons/external-link.svg            | 20 +++++++++---
 .../hoppscotch-app/assets/icons/eye-off.svg   | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/eye.svg  | 18 ++++++++---
 .../hoppscotch-app/assets/icons/file-code.svg | 22 +++++++++----
 .../hoppscotch-app/assets/icons/file-plus.svg | 22 +++++++++----
 packages/hoppscotch-app/assets/icons/file.svg | 18 ++++++++---
 .../assets/icons/folder-open.svg              | 14 ++++++--
 .../assets/icons/folder-plus.svg              | 20 +++++++++---
 .../hoppscotch-app/assets/icons/folder.svg    | 16 ++++++++--
 packages/hoppscotch-app/assets/icons/gift.svg | 24 ++++++++++----
 .../hoppscotch-app/assets/icons/github.svg    | 16 ++++++++--
 .../hoppscotch-app/assets/icons/globe.svg     | 20 +++++++++---
 .../assets/icons/help-circle.svg              | 20 +++++++++---
 .../hoppscotch-app/assets/icons/history.svg   | 20 +++++++++---
 packages/hoppscotch-app/assets/icons/home.svg | 18 ++++++++---
 .../hoppscotch-app/assets/icons/inbox.svg     | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/info.svg | 20 +++++++++---
 .../hoppscotch-app/assets/icons/languages.svg | 26 ++++++++++-----
 .../hoppscotch-app/assets/icons/layers.svg    | 20 +++++++++---
 .../hoppscotch-app/assets/icons/life-buoy.svg | 28 ++++++++++------
 .../hoppscotch-app/assets/icons/link-2.svg    | 18 ++++++++---
 .../hoppscotch-app/assets/icons/loader.svg    | 23 +++++++++++--
 packages/hoppscotch-app/assets/icons/lock.svg | 18 ++++++++---
 .../hoppscotch-app/assets/icons/log-out.svg   | 20 +++++++++---
 packages/hoppscotch-app/assets/icons/mail.svg | 18 ++++++++---
 .../assets/icons/maximize-2.svg               | 22 +++++++++----
 .../hoppscotch-app/assets/icons/maximize.svg  | 16 ++++++++--
 .../assets/icons/message-circle.svg           | 16 ++++++++--
 .../assets/icons/minimize-2.svg               | 22 +++++++++----
 .../hoppscotch-app/assets/icons/minimize.svg  | 16 ++++++++--
 .../hoppscotch-app/assets/icons/monitor.svg   | 20 +++++++++---
 packages/hoppscotch-app/assets/icons/moon.svg | 16 ++++++++--
 .../assets/icons/more-vertical.svg            | 20 +++++++++---
 .../hoppscotch-app/assets/icons/paperclip.svg | 16 ++++++++--
 packages/hoppscotch-app/assets/icons/play.svg | 16 ++++++++--
 packages/hoppscotch-app/assets/icons/plus.svg | 18 ++++++++---
 .../assets/icons/refresh-cw.svg               | 22 +++++++++----
 .../assets/icons/rotate-ccw.svg               | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/save.svg | 20 +++++++++---
 .../hoppscotch-app/assets/icons/search.svg    | 18 ++++++++---
 .../hoppscotch-app/assets/icons/settings.svg  | 18 ++++++++---
 .../hoppscotch-app/assets/icons/share-2.svg   | 24 ++++++++++----
 .../assets/icons/shield-check.svg             | 18 ++++++++---
 .../assets/icons/sidebar-open.svg             | 20 +++++++++---
 .../hoppscotch-app/assets/icons/sidebar.svg   | 18 ++++++++---
 .../assets/icons/star-solid.svg               | 14 ++++++--
 packages/hoppscotch-app/assets/icons/star.svg | 16 ++++++++--
 packages/hoppscotch-app/assets/icons/sun.svg  | 32 ++++++++++++-------
 .../hoppscotch-app/assets/icons/trash-2.svg   | 22 +++++++++----
 .../hoppscotch-app/assets/icons/trash.svg     | 18 ++++++++---
 .../hoppscotch-app/assets/icons/twitter.svg   | 16 ++++++++--
 packages/hoppscotch-app/assets/icons/type.svg | 20 +++++++++---
 .../assets/icons/upload-cloud.svg             | 20 +++++++++---
 .../hoppscotch-app/assets/icons/upload.svg    | 20 +++++++++---
 .../assets/icons/user-minus.svg               | 20 +++++++++---
 .../hoppscotch-app/assets/icons/user-plus.svg | 22 +++++++++----
 .../hoppscotch-app/assets/icons/user-x.svg    | 22 +++++++++----
 packages/hoppscotch-app/assets/icons/user.svg | 18 ++++++++---
 .../hoppscotch-app/assets/icons/users.svg     | 22 +++++++++----
 .../hoppscotch-app/assets/icons/verified.svg  | 20 +++++++++---
 packages/hoppscotch-app/assets/icons/wand.svg | 32 ++++++++++++-------
 .../hoppscotch-app/assets/icons/wrap-text.svg | 22 +++++++++----
 packages/hoppscotch-app/assets/icons/x.svg    | 18 ++++++++---
 packages/hoppscotch-app/assets/icons/zap.svg  | 16 ++++++++--
 .../hoppscotch-app/components/app/Header.vue  | 16 +++++-----
 .../components/app/PowerSearch.vue            |  4 +--
 .../components/app/PowerSearchEntry.vue       |  4 +--
 .../components/collections/ChooseType.vue     |  2 +-
 .../components/collections/ImportExport.vue   |  8 ++---
 .../components/collections/SaveRequest.vue    |  2 +-
 .../collections/graphql/Collection.vue        |  8 ++---
 .../components/collections/graphql/Folder.vue |  8 ++---
 .../collections/graphql/ImportExport.vue      |  2 +-
 .../collections/graphql/Request.vue           |  4 +--
 .../components/collections/graphql/index.vue  | 16 +++++-----
 .../components/collections/index.vue          | 16 +++++-----
 .../components/collections/my/Collection.vue  |  8 ++---
 .../components/collections/my/Folder.vue      |  8 ++---
 .../components/collections/my/Request.vue     |  6 ++--
 .../collections/teams/Collection.vue          |  8 ++---
 .../components/collections/teams/Folder.vue   |  8 ++---
 .../components/collections/teams/Request.vue  |  6 ++--
 .../components/environments/Edit.vue          |  2 +-
 .../components/environments/Environment.vue   |  2 +-
 .../components/graphql/RequestOptions.vue     | 16 +++++-----
 .../components/graphql/Response.vue           |  2 +-
 .../components/history/graphql/Card.vue       |  2 +-
 .../components/history/index.vue              |  2 +-
 .../components/history/rest/Card.vue          |  2 +-
 .../components/http/BodyParameters.vue        |  2 +-
 .../components/http/CodegenModal.vue          |  2 +-
 .../components/http/Headers.vue               |  2 +-
 .../components/http/Request.vue               |  2 +-
 .../components/http/ResponseMeta.vue          |  2 +-
 .../components/http/URLEncodedParams.vue      |  2 +-
 .../components/profile/Picture.vue            |  2 +-
 .../components/smart/Checkbox.vue             |  2 +-
 .../components/smart/Expand.vue               |  4 +--
 .../hoppscotch-app/components/smart/Item.vue  |  2 +-
 .../hoppscotch-app/components/smart/Modal.vue |  2 +-
 .../hoppscotch-app/components/smart/Radio.vue |  2 +-
 .../components/smart/Toggle.vue               |  2 +-
 .../hoppscotch-app/components/tab/Primary.vue |  2 +-
 .../hoppscotch-app/components/teams/Edit.vue  |  2 +-
 .../components/teams/Invite.vue               |  6 ++--
 .../hoppscotch-app/components/teams/Team.vue  |  2 +-
 packages/hoppscotch-app/layouts/default.vue   |  2 +-
 packages/hoppscotch-app/layouts/error.vue     |  2 +-
 127 files changed, 1318 insertions(+), 481 deletions(-)

diff --git a/packages/hoppscotch-app/assets/icons/activity.svg b/packages/hoppscotch-app/assets/icons/activity.svg
index 6a5ab671d..2eccd9cbe 100644
--- a/packages/hoppscotch-app/assets/icons/activity.svg
+++ b/packages/hoppscotch-app/assets/icons/activity.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="22 12 18 12 15 21 9 3 6 12 2 12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/archive.svg b/packages/hoppscotch-app/assets/icons/archive.svg
index 2b2b0d12d..311690d83 100644
--- a/packages/hoppscotch-app/assets/icons/archive.svg
+++ b/packages/hoppscotch-app/assets/icons/archive.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M20 9v9a2 2 0 01-2 2H6a2 2 0 01-2-2V9m16-5H4a2 2 0 00-2 2v1a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm-10 9h4"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M20 9v9a2 2 0 01-2 2H6a2 2 0 01-2-2V9m16-5H4a2 2 0 00-2 2v1a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm-10 9h4" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/arrow-left.svg b/packages/hoppscotch-app/assets/icons/arrow-left.svg
index a2d9204c0..ce06f8827 100644
--- a/packages/hoppscotch-app/assets/icons/arrow-left.svg
+++ b/packages/hoppscotch-app/assets/icons/arrow-left.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="19" y1="12" x2="5" y2="12"></line>
-  <polyline points="12 19 5 12 12 5"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="19" y1="12" x2="5" y2="12" />
+  <polyline points="12 19 5 12 12 5" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/arrow-right.svg b/packages/hoppscotch-app/assets/icons/arrow-right.svg
index 966cfbdbe..5c5494fe7 100644
--- a/packages/hoppscotch-app/assets/icons/arrow-right.svg
+++ b/packages/hoppscotch-app/assets/icons/arrow-right.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="5" y1="12" x2="19" y2="12"></line>
-  <polyline points="12 5 19 12 12 19"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="5" y1="12" x2="19" y2="12" />
+  <polyline points="12 5 19 12 12 19" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/book-open.svg b/packages/hoppscotch-app/assets/icons/book-open.svg
index 83ab522c0..dccbc84bb 100644
--- a/packages/hoppscotch-app/assets/icons/book-open.svg
+++ b/packages/hoppscotch-app/assets/icons/book-open.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"></path>
-  <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" />
+  <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/book.svg b/packages/hoppscotch-app/assets/icons/book.svg
index 8471a6972..777daeeb3 100644
--- a/packages/hoppscotch-app/assets/icons/book.svg
+++ b/packages/hoppscotch-app/assets/icons/book.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M4 19.5A2.5 2.5 0 016.5 17H20"></path>
-  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M4 19.5A2.5 2.5 0 016.5 17H20" />
+  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/box.svg b/packages/hoppscotch-app/assets/icons/box.svg
index 46bcc60ea..1b5acfaa3 100644
--- a/packages/hoppscotch-app/assets/icons/box.svg
+++ b/packages/hoppscotch-app/assets/icons/box.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"></path>
-  <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
-  <line x1="12" y1="22.08" x2="12" y2="12"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />
+  <polyline points="3.27 6.96 12 12.01 20.73 6.96" />
+  <line x1="12" y1="22.08" x2="12" y2="12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/check-circle.svg b/packages/hoppscotch-app/assets/icons/check-circle.svg
index e3e3c6341..aefe68f5c 100644
--- a/packages/hoppscotch-app/assets/icons/check-circle.svg
+++ b/packages/hoppscotch-app/assets/icons/check-circle.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
-  <polyline points="22 4 12 14.01 9 11.01"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />
+  <polyline points="22 4 12 14.01 9 11.01" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/check.svg b/packages/hoppscotch-app/assets/icons/check.svg
index fbe8be609..80aaf846f 100644
--- a/packages/hoppscotch-app/assets/icons/check.svg
+++ b/packages/hoppscotch-app/assets/icons/check.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="20 6 9 17 4 12"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="20 6 9 17 4 12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/chevron-down.svg b/packages/hoppscotch-app/assets/icons/chevron-down.svg
index a55a005a3..bda8e89f0 100644
--- a/packages/hoppscotch-app/assets/icons/chevron-down.svg
+++ b/packages/hoppscotch-app/assets/icons/chevron-down.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="6 9 12 15 18 9"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="6 9 12 15 18 9" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/chevron-right.svg b/packages/hoppscotch-app/assets/icons/chevron-right.svg
index 28d53090a..fde2d6493 100644
--- a/packages/hoppscotch-app/assets/icons/chevron-right.svg
+++ b/packages/hoppscotch-app/assets/icons/chevron-right.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="9 18 15 12 9 6"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="9 18 15 12 9 6" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/circle.svg b/packages/hoppscotch-app/assets/icons/circle.svg
index 39a412930..1717bb4ba 100644
--- a/packages/hoppscotch-app/assets/icons/circle.svg
+++ b/packages/hoppscotch-app/assets/icons/circle.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/clock.svg b/packages/hoppscotch-app/assets/icons/clock.svg
index 48748429f..8ce25b2ae 100644
--- a/packages/hoppscotch-app/assets/icons/clock.svg
+++ b/packages/hoppscotch-app/assets/icons/clock.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <polyline points="12 6 12 12 16 14"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <polyline points="12 6 12 12 16 14" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/cloud.svg b/packages/hoppscotch-app/assets/icons/cloud.svg
index 997762d0d..a487a23cb 100644
--- a/packages/hoppscotch-app/assets/icons/cloud.svg
+++ b/packages/hoppscotch-app/assets/icons/cloud.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M17.5 19a4.5 4.5 0 100-9h-1.8A7 7 0 109 19h8.5z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M17.5 19a4.5 4.5 0 100-9h-1.8A7 7 0 109 19h8.5z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/code-2.svg b/packages/hoppscotch-app/assets/icons/code-2.svg
index c91077103..068ce4380 100644
--- a/packages/hoppscotch-app/assets/icons/code-2.svg
+++ b/packages/hoppscotch-app/assets/icons/code-2.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18 16L22 12L18 8"></path>
-  <path d="M6 8L2 12L6 16"></path>
-  <path d="M14.5 4L9.5 20"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M18 16l4-4-4-4" />
+  <path d="M6 8l-4 4 4 4" />
+  <path d="M14.5 4l-5 16" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/columns.svg b/packages/hoppscotch-app/assets/icons/columns.svg
index 711efab16..9bc777f0f 100644
--- a/packages/hoppscotch-app/assets/icons/columns.svg
+++ b/packages/hoppscotch-app/assets/icons/columns.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-  <line x1="12" y1="3" x2="12" y2="21"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <line x1="12" y1="3" x2="12" y2="21" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/copy.svg b/packages/hoppscotch-app/assets/icons/copy.svg
index ed13803fb..04408ec56 100644
--- a/packages/hoppscotch-app/assets/icons/copy.svg
+++ b/packages/hoppscotch-app/assets/icons/copy.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-  <path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
+  <path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/download.svg b/packages/hoppscotch-app/assets/icons/download.svg
index 883ad5f34..247d31fa4 100644
--- a/packages/hoppscotch-app/assets/icons/download.svg
+++ b/packages/hoppscotch-app/assets/icons/download.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"></path>
-  <polyline points="7 10 12 15 17 10"></polyline>
-  <line x1="12" y1="15" x2="12" y2="3"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
+  <polyline points="7 10 12 15 17 10" />
+  <line x1="12" y1="15" x2="12" y2="3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/edit.svg b/packages/hoppscotch-app/assets/icons/edit.svg
index 91a83503f..e7d101b61 100644
--- a/packages/hoppscotch-app/assets/icons/edit.svg
+++ b/packages/hoppscotch-app/assets/icons/edit.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"></path>
-  <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />
+  <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/external-link.svg b/packages/hoppscotch-app/assets/icons/external-link.svg
index 70cc451bc..88638efc4 100644
--- a/packages/hoppscotch-app/assets/icons/external-link.svg
+++ b/packages/hoppscotch-app/assets/icons/external-link.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
-  <polyline points="15 3 21 3 21 9"></polyline>
-  <line x1="10" y1="14" x2="21" y2="3"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" />
+  <polyline points="15 3 21 3 21 9" />
+  <line x1="10" y1="14" x2="21" y2="3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/eye-off.svg b/packages/hoppscotch-app/assets/icons/eye-off.svg
index 564c42e48..704186820 100644
--- a/packages/hoppscotch-app/assets/icons/eye-off.svg
+++ b/packages/hoppscotch-app/assets/icons/eye-off.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24"></path>
-  <line x1="1" y1="1" x2="23" y2="23"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24" />
+  <line x1="1" y1="1" x2="23" y2="23" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/eye.svg b/packages/hoppscotch-app/assets/icons/eye.svg
index 3a1e6105f..edaab72f1 100644
--- a/packages/hoppscotch-app/assets/icons/eye.svg
+++ b/packages/hoppscotch-app/assets/icons/eye.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
-  <circle cx="12" cy="12" r="3"></circle>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+  <circle cx="12" cy="12" r="3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/file-code.svg b/packages/hoppscotch-app/assets/icons/file-code.svg
index d7e81b08c..12a346a7c 100644
--- a/packages/hoppscotch-app/assets/icons/file-code.svg
+++ b/packages/hoppscotch-app/assets/icons/file-code.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4"></path>
-  <path d="M14 2v6h6"></path>
-  <path d="M9 18l3-3-3-3"></path>
-  <path d="M5 12l-3 3 3 3"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M4 22h14a2 2 0 002-2V7.5L14.5 2H6a2 2 0 00-2 2v4" />
+  <path d="M14 2v6h6" />
+  <path d="M9 18l3-3-3-3" />
+  <path d="M5 12l-3 3 3 3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/file-plus.svg b/packages/hoppscotch-app/assets/icons/file-plus.svg
index 0b5bef286..9633888e3 100644
--- a/packages/hoppscotch-app/assets/icons/file-plus.svg
+++ b/packages/hoppscotch-app/assets/icons/file-plus.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path>
-  <polyline points="14 2 14 8 20 8"></polyline>
-  <line x1="12" y1="18" x2="12" y2="12"></line>
-  <line x1="9" y1="15" x2="15" y2="15"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />
+  <polyline points="14 2 14 8 20 8" />
+  <line x1="12" y1="18" x2="12" y2="12" />
+  <line x1="9" y1="15" x2="15" y2="15" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/file.svg b/packages/hoppscotch-app/assets/icons/file.svg
index fed30783f..94bcf925c 100644
--- a/packages/hoppscotch-app/assets/icons/file.svg
+++ b/packages/hoppscotch-app/assets/icons/file.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path>
-  <polyline points="14 2 14 8 20 8"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z" />
+  <polyline points="14 2 14 8 20 8" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/folder-open.svg b/packages/hoppscotch-app/assets/icons/folder-open.svg
index b60c4030b..1e64ac8bb 100644
--- a/packages/hoppscotch-app/assets/icons/folder-open.svg
+++ b/packages/hoppscotch-app/assets/icons/folder-open.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M6 17l2-5h14l-3 8a2 2 0 01-2 1H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h7a2 2 0 012 2v4"></path>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M6 17l2-5h14l-3 8a2 2 0 01-2 1H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h7a2 2 0 012 2v4" />
 </svg>
diff --git a/packages/hoppscotch-app/assets/icons/folder-plus.svg b/packages/hoppscotch-app/assets/icons/folder-plus.svg
index 9b341af7a..31f76c038 100644
--- a/packages/hoppscotch-app/assets/icons/folder-plus.svg
+++ b/packages/hoppscotch-app/assets/icons/folder-plus.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"></path>
-  <line x1="12" y1="11" x2="12" y2="17"></line>
-  <line x1="9" y1="14" x2="15" y2="14"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+  <line x1="12" y1="11" x2="12" y2="17" />
+  <line x1="9" y1="14" x2="15" y2="14" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/folder.svg b/packages/hoppscotch-app/assets/icons/folder.svg
index 0cc4d76d9..2fbe7046a 100644
--- a/packages/hoppscotch-app/assets/icons/folder.svg
+++ b/packages/hoppscotch-app/assets/icons/folder.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/gift.svg b/packages/hoppscotch-app/assets/icons/gift.svg
index ba42133ac..5c3ed1c27 100644
--- a/packages/hoppscotch-app/assets/icons/gift.svg
+++ b/packages/hoppscotch-app/assets/icons/gift.svg
@@ -1,7 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="20 12 20 22 4 22 4 12"></polyline>
-  <rect x="2" y="7" width="20" height="5"></rect>
-  <line x1="12" y1="22" x2="12" y2="7"></line>
-  <path d="M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z"></path>
-  <path d="M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="20 12 20 22 4 22 4 12" />
+  <rect x="2" y="7" width="20" height="5" />
+  <line x1="12" y1="22" x2="12" y2="7" />
+  <path d="M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z" />
+  <path d="M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/github.svg b/packages/hoppscotch-app/assets/icons/github.svg
index a30072a33..67c833827 100644
--- a/packages/hoppscotch-app/assets/icons/github.svg
+++ b/packages/hoppscotch-app/assets/icons/github.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/globe.svg b/packages/hoppscotch-app/assets/icons/globe.svg
index c7001e013..4a0f47bab 100644
--- a/packages/hoppscotch-app/assets/icons/globe.svg
+++ b/packages/hoppscotch-app/assets/icons/globe.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <line x1="2" y1="12" x2="22" y2="12"></line>
-  <path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <line x1="2" y1="12" x2="22" y2="12" />
+  <path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/help-circle.svg b/packages/hoppscotch-app/assets/icons/help-circle.svg
index 612d7bc3a..00e0112d6 100644
--- a/packages/hoppscotch-app/assets/icons/help-circle.svg
+++ b/packages/hoppscotch-app/assets/icons/help-circle.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"></path>
-  <line x1="12" y1="17" x2="12.01" y2="17"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3" />
+  <line x1="12" y1="17" x2="12.01" y2="17" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/history.svg b/packages/hoppscotch-app/assets/icons/history.svg
index bbb0fa22e..a94d378f5 100644
--- a/packages/hoppscotch-app/assets/icons/history.svg
+++ b/packages/hoppscotch-app/assets/icons/history.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 3v5h5"></path>
-  <path d="M3.05 13A9 9 0 106 5.3L3 8"></path>
-  <path d="M12 7v5l4 2"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M3 3v5h5" />
+  <path d="M3.05 13A9 9 0 106 5.3L3 8" />
+  <path d="M12 7v5l4 2" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/home.svg b/packages/hoppscotch-app/assets/icons/home.svg
index 6d5909af0..232c50213 100644
--- a/packages/hoppscotch-app/assets/icons/home.svg
+++ b/packages/hoppscotch-app/assets/icons/home.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"></path>
-  <polyline points="9 22 9 12 15 12 15 22"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" />
+  <polyline points="9 22 9 12 15 12 15 22" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/inbox.svg b/packages/hoppscotch-app/assets/icons/inbox.svg
index 978c02cff..bf48ab56b 100644
--- a/packages/hoppscotch-app/assets/icons/inbox.svg
+++ b/packages/hoppscotch-app/assets/icons/inbox.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline>
-  <path d="M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
+  <path d="M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/info.svg b/packages/hoppscotch-app/assets/icons/info.svg
index 4f2944102..9fbefeba7 100644
--- a/packages/hoppscotch-app/assets/icons/info.svg
+++ b/packages/hoppscotch-app/assets/icons/info.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <line x1="12" y1="16" x2="12" y2="12"></line>
-  <line x1="12" y1="8" x2="12.01" y2="8"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <line x1="12" y1="16" x2="12" y2="12" />
+  <line x1="12" y1="8" x2="12.01" y2="8" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/languages.svg b/packages/hoppscotch-app/assets/icons/languages.svg
index 77e500f0c..f6e9eefe4 100644
--- a/packages/hoppscotch-app/assets/icons/languages.svg
+++ b/packages/hoppscotch-app/assets/icons/languages.svg
@@ -1,8 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M5 8l6 6"></path>
-  <path d="M4 14l6-6 2-3"></path>
-  <path d="M2 5h12"></path>
-  <path d="M7 2h1"></path>
-  <path d="M22 22l-5-10-5 10"></path>
-  <path d="M14 18h6"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M5 8l6 6" />
+  <path d="M4 14l6-6 2-3" />
+  <path d="M2 5h12" />
+  <path d="M7 2h1" />
+  <path d="M22 22l-5-10-5 10" />
+  <path d="M14 18h6" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/layers.svg b/packages/hoppscotch-app/assets/icons/layers.svg
index 7c2c52dfa..43b325506 100644
--- a/packages/hoppscotch-app/assets/icons/layers.svg
+++ b/packages/hoppscotch-app/assets/icons/layers.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
-  <polyline points="2 17 12 22 22 17"></polyline>
-  <polyline points="2 12 12 17 22 12"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="12 2 2 7 12 12 22 7 12 2" />
+  <polyline points="2 17 12 22 22 17" />
+  <polyline points="2 12 12 17 22 12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/life-buoy.svg b/packages/hoppscotch-app/assets/icons/life-buoy.svg
index 9109aefbd..b171b3906 100644
--- a/packages/hoppscotch-app/assets/icons/life-buoy.svg
+++ b/packages/hoppscotch-app/assets/icons/life-buoy.svg
@@ -1,9 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="10"></circle>
-  <circle cx="12" cy="12" r="4"></circle>
-  <line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line>
-  <line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line>
-  <line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line>
-  <line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line>
-  <line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <circle cx="12" cy="12" r="4" />
+  <line x1="4.93" y1="4.93" x2="9.17" y2="9.17" />
+  <line x1="14.83" y1="14.83" x2="19.07" y2="19.07" />
+  <line x1="14.83" y1="9.17" x2="19.07" y2="4.93" />
+  <line x1="14.83" y1="9.17" x2="18.36" y2="5.64" />
+  <line x1="4.93" y1="19.07" x2="9.17" y2="14.83" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/link-2.svg b/packages/hoppscotch-app/assets/icons/link-2.svg
index 67b7d966a..12dc3162e 100644
--- a/packages/hoppscotch-app/assets/icons/link-2.svg
+++ b/packages/hoppscotch-app/assets/icons/link-2.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M15 7h2a5 5 0 010 10h-2m-6 0H7A5 5 0 017 7h2"></path>
-  <line x1="8" y1="12" x2="16" y2="12"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M15 7h2a5 5 0 010 10h-2m-6 0H7A5 5 0 017 7h2" />
+  <line x1="8" y1="12" x2="16" y2="12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/loader.svg b/packages/hoppscotch-app/assets/icons/loader.svg
index 51500019d..0b4bb9388 100644
--- a/packages/hoppscotch-app/assets/icons/loader.svg
+++ b/packages/hoppscotch-app/assets/icons/loader.svg
@@ -1,3 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 12a9 9 0 11-6.219-8.56"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="12" y1="2" x2="12" y2="6" />
+  <line x1="12" y1="18" x2="12" y2="22" />
+  <line x1="4.93" y1="4.93" x2="7.76" y2="7.76" />
+  <line x1="16.24" y1="16.24" x2="19.07" y2="19.07" />
+  <line x1="2" y1="12" x2="6" y2="12" />
+  <line x1="18" y1="12" x2="22" y2="12" />
+  <line x1="4.93" y1="19.07" x2="7.76" y2="16.24" />
+  <line x1="16.24" y1="7.76" x2="19.07" y2="4.93" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/lock.svg b/packages/hoppscotch-app/assets/icons/lock.svg
index 085be2c29..21135c28d 100644
--- a/packages/hoppscotch-app/assets/icons/lock.svg
+++ b/packages/hoppscotch-app/assets/icons/lock.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
-  <path d="M7 11V7a5 5 0 0110 0v4"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
+  <path d="M7 11V7a5 5 0 0110 0v4" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/log-out.svg b/packages/hoppscotch-app/assets/icons/log-out.svg
index 5d6171cd8..b6d6be0ca 100644
--- a/packages/hoppscotch-app/assets/icons/log-out.svg
+++ b/packages/hoppscotch-app/assets/icons/log-out.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4"></path>
-  <polyline points="16 17 21 12 16 7"></polyline>
-  <line x1="21" y1="12" x2="9" y2="12"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4" />
+  <polyline points="16 17 21 12 16 7" />
+  <line x1="21" y1="12" x2="9" y2="12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/mail.svg b/packages/hoppscotch-app/assets/icons/mail.svg
index c7830763d..afaa18fd9 100644
--- a/packages/hoppscotch-app/assets/icons/mail.svg
+++ b/packages/hoppscotch-app/assets/icons/mail.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
-  <polyline points="22,6 12,13 2,6"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
+  <polyline points="22,6 12,13 2,6" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/maximize-2.svg b/packages/hoppscotch-app/assets/icons/maximize-2.svg
index 0064dc9bd..abfa104e6 100644
--- a/packages/hoppscotch-app/assets/icons/maximize-2.svg
+++ b/packages/hoppscotch-app/assets/icons/maximize-2.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="15 3 21 3 21 9"></polyline>
-  <polyline points="9 21 3 21 3 15"></polyline>
-  <line x1="21" y1="3" x2="14" y2="10"></line>
-  <line x1="3" y1="21" x2="10" y2="14"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="15 3 21 3 21 9" />
+  <polyline points="9 21 3 21 3 15" />
+  <line x1="21" y1="3" x2="14" y2="10" />
+  <line x1="3" y1="21" x2="10" y2="14" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/maximize.svg b/packages/hoppscotch-app/assets/icons/maximize.svg
index 6cb73bf8a..183ca18b3 100644
--- a/packages/hoppscotch-app/assets/icons/maximize.svg
+++ b/packages/hoppscotch-app/assets/icons/maximize.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/message-circle.svg b/packages/hoppscotch-app/assets/icons/message-circle.svg
index 2e21b7afa..fefc6b19c 100644
--- a/packages/hoppscotch-app/assets/icons/message-circle.svg
+++ b/packages/hoppscotch-app/assets/icons/message-circle.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/minimize-2.svg b/packages/hoppscotch-app/assets/icons/minimize-2.svg
index ed3aedca1..cb6c3a800 100644
--- a/packages/hoppscotch-app/assets/icons/minimize-2.svg
+++ b/packages/hoppscotch-app/assets/icons/minimize-2.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="4 14 10 14 10 20"></polyline>
-  <polyline points="20 10 14 10 14 4"></polyline>
-  <line x1="14" y1="10" x2="21" y2="3"></line>
-  <line x1="3" y1="21" x2="10" y2="14"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="4 14 10 14 10 20" />
+  <polyline points="20 10 14 10 14 4" />
+  <line x1="14" y1="10" x2="21" y2="3" />
+  <line x1="3" y1="21" x2="10" y2="14" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/minimize.svg b/packages/hoppscotch-app/assets/icons/minimize.svg
index d94a26b0d..363bf826e 100644
--- a/packages/hoppscotch-app/assets/icons/minimize.svg
+++ b/packages/hoppscotch-app/assets/icons/minimize.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M8 3v3a2 2 0 01-2 2H3m18 0h-3a2 2 0 01-2-2V3m0 18v-3a2 2 0 012-2h3M3 16h3a2 2 0 012 2v3"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 3v3a2 2 0 01-2 2H3m18 0h-3a2 2 0 01-2-2V3m0 18v-3a2 2 0 012-2h3M3 16h3a2 2 0 012 2v3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/monitor.svg b/packages/hoppscotch-app/assets/icons/monitor.svg
index e7359ca9b..d983a858e 100644
--- a/packages/hoppscotch-app/assets/icons/monitor.svg
+++ b/packages/hoppscotch-app/assets/icons/monitor.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
-  <line x1="8" y1="21" x2="16" y2="21"></line>
-  <line x1="12" y1="17" x2="12" y2="21"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="2" y="3" width="20" height="14" rx="2" ry="2" />
+  <line x1="8" y1="21" x2="16" y2="21" />
+  <line x1="12" y1="17" x2="12" y2="21" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/moon.svg b/packages/hoppscotch-app/assets/icons/moon.svg
index 4c7ac7c48..547c68dbd 100644
--- a/packages/hoppscotch-app/assets/icons/moon.svg
+++ b/packages/hoppscotch-app/assets/icons/moon.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/more-vertical.svg b/packages/hoppscotch-app/assets/icons/more-vertical.svg
index 9a5ec405d..1de61600d 100644
--- a/packages/hoppscotch-app/assets/icons/more-vertical.svg
+++ b/packages/hoppscotch-app/assets/icons/more-vertical.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="1"></circle>
-  <circle cx="12" cy="5" r="1"></circle>
-  <circle cx="12" cy="19" r="1"></circle>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="1" />
+  <circle cx="12" cy="5" r="1" />
+  <circle cx="12" cy="19" r="1" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/paperclip.svg b/packages/hoppscotch-app/assets/icons/paperclip.svg
index 7fe526f17..177a41526 100644
--- a/packages/hoppscotch-app/assets/icons/paperclip.svg
+++ b/packages/hoppscotch-app/assets/icons/paperclip.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/play.svg b/packages/hoppscotch-app/assets/icons/play.svg
index c3c36c049..d1e20e2f5 100644
--- a/packages/hoppscotch-app/assets/icons/play.svg
+++ b/packages/hoppscotch-app/assets/icons/play.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polygon points="5 3 19 12 5 21 5 3"></polygon>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="5 3 19 12 5 21 5 3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/plus.svg b/packages/hoppscotch-app/assets/icons/plus.svg
index 1b0c06ee1..1e1b1c561 100644
--- a/packages/hoppscotch-app/assets/icons/plus.svg
+++ b/packages/hoppscotch-app/assets/icons/plus.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="12" y1="5" x2="12" y2="19"></line>
-  <line x1="5" y1="12" x2="19" y2="12"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="12" y1="5" x2="12" y2="19" />
+  <line x1="5" y1="12" x2="19" y2="12" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/refresh-cw.svg b/packages/hoppscotch-app/assets/icons/refresh-cw.svg
index 3b33212eb..9c86972e3 100644
--- a/packages/hoppscotch-app/assets/icons/refresh-cw.svg
+++ b/packages/hoppscotch-app/assets/icons/refresh-cw.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 2v6h-6"></path>
-  <path d="M3 12a9 9 0 0115-6.7L21 8"></path>
-  <path d="M3 22v-6h6"></path>
-  <path d="M21 12a9 9 0 01-15 6.7L3 16"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 2v6h-6" />
+  <path d="M3 12a9 9 0 0115-6.7L21 8" />
+  <path d="M3 22v-6h6" />
+  <path d="M21 12a9 9 0 01-15 6.7L3 16" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/rotate-ccw.svg b/packages/hoppscotch-app/assets/icons/rotate-ccw.svg
index 6544e2272..d4bb7310a 100644
--- a/packages/hoppscotch-app/assets/icons/rotate-ccw.svg
+++ b/packages/hoppscotch-app/assets/icons/rotate-ccw.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M3 2v6h6"></path>
-  <path d="M3 13a9 9 0 103-7.7L3 8"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M3 2v6h6" />
+  <path d="M3 13a9 9 0 103-7.7L3 8" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/save.svg b/packages/hoppscotch-app/assets/icons/save.svg
index 23bfaf54f..36fcd44cc 100644
--- a/packages/hoppscotch-app/assets/icons/save.svg
+++ b/packages/hoppscotch-app/assets/icons/save.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"></path>
-  <polyline points="17 21 17 13 7 13 7 21"></polyline>
-  <polyline points="7 3 7 8 15 8"></polyline>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" />
+  <polyline points="17 21 17 13 7 13 7 21" />
+  <polyline points="7 3 7 8 15 8" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/search.svg b/packages/hoppscotch-app/assets/icons/search.svg
index 1ba70e0d5..89a8636bc 100644
--- a/packages/hoppscotch-app/assets/icons/search.svg
+++ b/packages/hoppscotch-app/assets/icons/search.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="11" cy="11" r="8"></circle>
-  <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="11" cy="11" r="8" />
+  <line x1="21" y1="21" x2="16.65" y2="16.65" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/settings.svg b/packages/hoppscotch-app/assets/icons/settings.svg
index 1e1a14611..2369f46e7 100644
--- a/packages/hoppscotch-app/assets/icons/settings.svg
+++ b/packages/hoppscotch-app/assets/icons/settings.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M12.22 2h-.44a2 2 0 00-2 2v.18a2 2 0 01-1 1.73l-.43.25a2 2 0 01-2 0l-.15-.08a2 2 0 00-2.73.73l-.22.38a2 2 0 00.73 2.73l.15.1a2 2 0 011 1.72v.51a2 2 0 01-1 1.74l-.15.09a2 2 0 00-.73 2.73l.22.38a2 2 0 002.73.73l.15-.08a2 2 0 012 0l.43.25a2 2 0 011 1.73V20a2 2 0 002 2h.44a2 2 0 002-2v-.18a2 2 0 011-1.73l.43-.25a2 2 0 012 0l.15.08a2 2 0 002.73-.73l.22-.39a2 2 0 00-.73-2.73l-.15-.08a2 2 0 01-1-1.74v-.5a2 2 0 011-1.74l.15-.09a2 2 0 00.73-2.73l-.22-.38a2 2 0 00-2.73-.73l-.15.08a2 2 0 01-2 0l-.43-.25a2 2 0 01-1-1.73V4a2 2 0 00-2-2z"></path>
-  <circle cx="12" cy="12" r="3"></circle>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12.22 2h-.44a2 2 0 00-2 2v.18a2 2 0 01-1 1.73l-.43.25a2 2 0 01-2 0l-.15-.08a2 2 0 00-2.73.73l-.22.38a2 2 0 00.73 2.73l.15.1a2 2 0 011 1.72v.51a2 2 0 01-1 1.74l-.15.09a2 2 0 00-.73 2.73l.22.38a2 2 0 002.73.73l.15-.08a2 2 0 012 0l.43.25a2 2 0 011 1.73V20a2 2 0 002 2h.44a2 2 0 002-2v-.18a2 2 0 011-1.73l.43-.25a2 2 0 012 0l.15.08a2 2 0 002.73-.73l.22-.39a2 2 0 00-.73-2.73l-.15-.08a2 2 0 01-1-1.74v-.5a2 2 0 011-1.74l.15-.09a2 2 0 00.73-2.73l-.22-.38a2 2 0 00-2.73-.73l-.15.08a2 2 0 01-2 0l-.43-.25a2 2 0 01-1-1.73V4a2 2 0 00-2-2z" />
+  <circle cx="12" cy="12" r="3" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/share-2.svg b/packages/hoppscotch-app/assets/icons/share-2.svg
index aec3cf593..704394f1a 100644
--- a/packages/hoppscotch-app/assets/icons/share-2.svg
+++ b/packages/hoppscotch-app/assets/icons/share-2.svg
@@ -1,7 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="18" cy="5" r="3"></circle>
-  <circle cx="6" cy="12" r="3"></circle>
-  <circle cx="18" cy="19" r="3"></circle>
-  <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
-  <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="18" cy="5" r="3" />
+  <circle cx="6" cy="12" r="3" />
+  <circle cx="18" cy="19" r="3" />
+  <line x1="8.59" y1="13.51" x2="15.42" y2="17.49" />
+  <line x1="15.41" y1="6.51" x2="8.59" y2="10.49" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/shield-check.svg b/packages/hoppscotch-app/assets/icons/shield-check.svg
index 6bca7d0e0..37a3fc2c8 100644
--- a/packages/hoppscotch-app/assets/icons/shield-check.svg
+++ b/packages/hoppscotch-app/assets/icons/shield-check.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
-  <path d="M9 12l2 2 4-4"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+  <path d="M9 12l2 2 4-4" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/sidebar-open.svg b/packages/hoppscotch-app/assets/icons/sidebar-open.svg
index 40ce40db7..87ce8af73 100644
--- a/packages/hoppscotch-app/assets/icons/sidebar-open.svg
+++ b/packages/hoppscotch-app/assets/icons/sidebar-open.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-  <line x1="9" y1="3" x2="9" y2="21"></line>
-  <path d="M13 8L17 12L13 16"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <line x1="9" y1="3" x2="9" y2="21" />
+  <path d="M13 8l4 4-4 4" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/sidebar.svg b/packages/hoppscotch-app/assets/icons/sidebar.svg
index 336b146d6..25f044943 100644
--- a/packages/hoppscotch-app/assets/icons/sidebar.svg
+++ b/packages/hoppscotch-app/assets/icons/sidebar.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
-  <line x1="9" y1="3" x2="9" y2="21"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <line x1="9" y1="3" x2="9" y2="21" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/star-solid.svg b/packages/hoppscotch-app/assets/icons/star-solid.svg
index 5eb06e74d..89a5afcce 100644
--- a/packages/hoppscotch-app/assets/icons/star-solid.svg
+++ b/packages/hoppscotch-app/assets/icons/star-solid.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="currentColor"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
 </svg>
diff --git a/packages/hoppscotch-app/assets/icons/star.svg b/packages/hoppscotch-app/assets/icons/star.svg
index fe32f6a46..47e496c1c 100644
--- a/packages/hoppscotch-app/assets/icons/star.svg
+++ b/packages/hoppscotch-app/assets/icons/star.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/sun.svg b/packages/hoppscotch-app/assets/icons/sun.svg
index cdea52540..0030cd8d0 100644
--- a/packages/hoppscotch-app/assets/icons/sun.svg
+++ b/packages/hoppscotch-app/assets/icons/sun.svg
@@ -1,11 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <circle cx="12" cy="12" r="4"></circle>
-  <path d="M12 2v2"></path>
-  <path d="M12 20v2"></path>
-  <path d="M5 5l1.5 1.5"></path>
-  <path d="M17.5 17.5L19 19"></path>
-  <path d="M2 12h2"></path>
-  <path d="M20 12h2"></path>
-  <path d="M5 19l1.5-1.5"></path>
-  <path d="M17.5 6.5L19 5"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="4" />
+  <path d="M12 2v2" />
+  <path d="M12 20v2" />
+  <path d="M5 5l1.5 1.5" />
+  <path d="M17.5 17.5L19 19" />
+  <path d="M2 12h2" />
+  <path d="M20 12h2" />
+  <path d="M5 19l1.5-1.5" />
+  <path d="M17.5 6.5L19 5" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/trash-2.svg b/packages/hoppscotch-app/assets/icons/trash-2.svg
index aa68a7be4..ccc56117c 100644
--- a/packages/hoppscotch-app/assets/icons/trash-2.svg
+++ b/packages/hoppscotch-app/assets/icons/trash-2.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="3 6 5 6 21 6"></polyline>
-  <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"></path>
-  <line x1="10" y1="11" x2="10" y2="17"></line>
-  <line x1="14" y1="11" x2="14" y2="17"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="3 6 5 6 21 6" />
+  <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />
+  <line x1="10" y1="11" x2="10" y2="17" />
+  <line x1="14" y1="11" x2="14" y2="17" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/trash.svg b/packages/hoppscotch-app/assets/icons/trash.svg
index a5b2b3ce3..7db9ada5e 100644
--- a/packages/hoppscotch-app/assets/icons/trash.svg
+++ b/packages/hoppscotch-app/assets/icons/trash.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="3 6 5 6 21 6"></polyline>
-  <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="3 6 5 6 21 6" />
+  <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/twitter.svg b/packages/hoppscotch-app/assets/icons/twitter.svg
index c3476d3a2..084c3b12f 100644
--- a/packages/hoppscotch-app/assets/icons/twitter.svg
+++ b/packages/hoppscotch-app/assets/icons/twitter.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5 0-.28-.03-.56-.08-.83A7.72 7.72 0 0023 3z"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5 0-.28-.03-.56-.08-.83A7.72 7.72 0 0023 3z" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/type.svg b/packages/hoppscotch-app/assets/icons/type.svg
index 25c5644ed..6128bdd8d 100644
--- a/packages/hoppscotch-app/assets/icons/type.svg
+++ b/packages/hoppscotch-app/assets/icons/type.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polyline points="4 7 4 4 20 4 20 7"></polyline>
-  <line x1="9" y1="20" x2="15" y2="20"></line>
-  <line x1="12" y1="4" x2="12" y2="20"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="4 7 4 4 20 4 20 7" />
+  <line x1="9" y1="20" x2="15" y2="20" />
+  <line x1="12" y1="4" x2="12" y2="20" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/upload-cloud.svg b/packages/hoppscotch-app/assets/icons/upload-cloud.svg
index 55e723b42..1265a9a44 100644
--- a/packages/hoppscotch-app/assets/icons/upload-cloud.svg
+++ b/packages/hoppscotch-app/assets/icons/upload-cloud.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9"></path>
-  <path d="M12 12v9"></path>
-  <path d="M16 16l-4-4-4 4"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />
+  <path d="M12 12v9" />
+  <path d="M16 16l-4-4-4 4" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/upload.svg b/packages/hoppscotch-app/assets/icons/upload.svg
index 150713a88..d68ad2478 100644
--- a/packages/hoppscotch-app/assets/icons/upload.svg
+++ b/packages/hoppscotch-app/assets/icons/upload.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"></path>
-  <polyline points="17 8 12 3 7 8"></polyline>
-  <line x1="12" y1="3" x2="12" y2="15"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
+  <polyline points="17 8 12 3 7 8" />
+  <line x1="12" y1="3" x2="12" y2="15" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/user-minus.svg b/packages/hoppscotch-app/assets/icons/user-minus.svg
index 934ad56ae..ffecd633c 100644
--- a/packages/hoppscotch-app/assets/icons/user-minus.svg
+++ b/packages/hoppscotch-app/assets/icons/user-minus.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
-  <circle cx="8.5" cy="7" r="4"></circle>
-  <line x1="23" y1="11" x2="17" y2="11"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
+  <circle cx="8.5" cy="7" r="4" />
+  <line x1="23" y1="11" x2="17" y2="11" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/user-plus.svg b/packages/hoppscotch-app/assets/icons/user-plus.svg
index 8443b1934..a7a7d109d 100644
--- a/packages/hoppscotch-app/assets/icons/user-plus.svg
+++ b/packages/hoppscotch-app/assets/icons/user-plus.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
-  <circle cx="8.5" cy="7" r="4"></circle>
-  <line x1="20" y1="8" x2="20" y2="14"></line>
-  <line x1="23" y1="11" x2="17" y2="11"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
+  <circle cx="8.5" cy="7" r="4" />
+  <line x1="20" y1="8" x2="20" y2="14" />
+  <line x1="23" y1="11" x2="17" y2="11" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/user-x.svg b/packages/hoppscotch-app/assets/icons/user-x.svg
index 39f26e4f0..73d6ba038 100644
--- a/packages/hoppscotch-app/assets/icons/user-x.svg
+++ b/packages/hoppscotch-app/assets/icons/user-x.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
-  <circle cx="8.5" cy="7" r="4"></circle>
-  <line x1="18" y1="8" x2="23" y2="13"></line>
-  <line x1="23" y1="8" x2="18" y2="13"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
+  <circle cx="8.5" cy="7" r="4" />
+  <line x1="18" y1="8" x2="23" y2="13" />
+  <line x1="23" y1="8" x2="18" y2="13" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/user.svg b/packages/hoppscotch-app/assets/icons/user.svg
index 817eb7dcd..f12b057a2 100644
--- a/packages/hoppscotch-app/assets/icons/user.svg
+++ b/packages/hoppscotch-app/assets/icons/user.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
-  <circle cx="12" cy="7" r="4"></circle>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" />
+  <circle cx="12" cy="7" r="4" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/users.svg b/packages/hoppscotch-app/assets/icons/users.svg
index 4d5a3e8ac..c3a38a104 100644
--- a/packages/hoppscotch-app/assets/icons/users.svg
+++ b/packages/hoppscotch-app/assets/icons/users.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
-  <circle cx="9" cy="7" r="4"></circle>
-  <path d="M23 21v-2a4 4 0 00-3-3.87"></path>
-  <path d="M16 3.13a4 4 0 010 7.75"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
+  <circle cx="9" cy="7" r="4" />
+  <path d="M23 21v-2a4 4 0 00-3-3.87" />
+  <path d="M16 3.13a4 4 0 010 7.75" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/verified.svg b/packages/hoppscotch-app/assets/icons/verified.svg
index b8fc93b9f..4e6361444 100644
--- a/packages/hoppscotch-app/assets/icons/verified.svg
+++ b/packages/hoppscotch-app/assets/icons/verified.svg
@@ -1,5 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M12 3a3.6 3.6 0 00-3.05 1.68 3.6 3.6 0 00-.9-.1 3.6 3.6 0 00-2.42 1.06 3.6 3.6 0 00-.94 3.32A3.6 3.6 0 003 12a3.6 3.6 0 001.69 3.05 3.6 3.6 0 00.95 3.32 3.6 3.6 0 003.35.96A3.6 3.6 0 0012 21a3.6 3.6 0 003.04-1.67 3.6 3.6 0 004.3-4.3A3.6 3.6 0 0021 12a3.6 3.6 0 00-1.67-3.04v0a3.6 3.6 0 00-4.3-4.3A3.6 3.6 0 0012 3z"></path>
-  <path d="M15 10l-4 4"></path>
-  <path d="M9 12l2 2"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 3a3.6 3.6 0 00-3.05 1.68 3.6 3.6 0 00-.9-.1 3.6 3.6 0 00-2.42 1.06 3.6 3.6 0 00-.94 3.32A3.6 3.6 0 003 12a3.6 3.6 0 001.69 3.05 3.6 3.6 0 00.95 3.32 3.6 3.6 0 003.35.96A3.6 3.6 0 0012 21a3.6 3.6 0 003.04-1.67 3.6 3.6 0 004.3-4.3A3.6 3.6 0 0021 12a3.6 3.6 0 00-1.67-3.04v0a3.6 3.6 0 00-4.3-4.3A3.6 3.6 0 0012 3z" />
+  <path d="M15 10l-4 4" />
+  <path d="M9 12l2 2" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/wand.svg b/packages/hoppscotch-app/assets/icons/wand.svg
index a17db33b7..04f035aca 100644
--- a/packages/hoppscotch-app/assets/icons/wand.svg
+++ b/packages/hoppscotch-app/assets/icons/wand.svg
@@ -1,11 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M15 4V2"></path>
-  <path d="M15 16v-2"></path>
-  <path d="M8 9h2"></path>
-  <path d="M20 9h2"></path>
-  <path d="M17.8 11.8 19 13"></path>
-  <path d="M15 9h0"></path>
-  <path d="M17.8 6.2 19 5"></path>
-  <path d="M3 21 12 12"></path>
-  <path d="M12.2 6.2 11 5"></path>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M15 4V2" />
+  <path d="M15 16v-2" />
+  <path d="M8 9h2" />
+  <path d="M20 9h2" />
+  <path d="M17.8 11.8L19 13" />
+  <path d="M15 9h0" />
+  <path d="M17.8 6.2L19 5" />
+  <path d="M3 21l9-9" />
+  <path d="M12.2 6.2L11 5" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/wrap-text.svg b/packages/hoppscotch-app/assets/icons/wrap-text.svg
index 392a5d5ad..4b1dfca15 100644
--- a/packages/hoppscotch-app/assets/icons/wrap-text.svg
+++ b/packages/hoppscotch-app/assets/icons/wrap-text.svg
@@ -1,6 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="3" y1="6" x2="21" y2="6"></line>
-  <path d="M3 12h15a3 3 0 110 6h-4"></path>
-  <polyline points="16 16 14 18 16 20"></polyline>
-  <line x1="3" y1="18" x2="10" y2="18"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="3" y1="6" x2="21" y2="6" />
+  <path d="M3 12h15a3 3 0 110 6h-4" />
+  <polyline points="16 16 14 18 16 20" />
+  <line x1="3" y1="18" x2="10" y2="18" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/x.svg b/packages/hoppscotch-app/assets/icons/x.svg
index bb3d598c2..559b11671 100644
--- a/packages/hoppscotch-app/assets/icons/x.svg
+++ b/packages/hoppscotch-app/assets/icons/x.svg
@@ -1,4 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <line x1="18" y1="6" x2="6" y2="18"></line>
-  <line x1="6" y1="6" x2="18" y2="18"></line>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="18" y1="6" x2="6" y2="18" />
+  <line x1="6" y1="6" x2="18" y2="18" />
+</svg>
diff --git a/packages/hoppscotch-app/assets/icons/zap.svg b/packages/hoppscotch-app/assets/icons/zap.svg
index 5772eff2d..c5d0d3549 100644
--- a/packages/hoppscotch-app/assets/icons/zap.svg
+++ b/packages/hoppscotch-app/assets/icons/zap.svg
@@ -1,3 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-</svg>
\ No newline at end of file
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+</svg>
diff --git a/packages/hoppscotch-app/components/app/Header.vue b/packages/hoppscotch-app/components/app/Header.vue
index b3fb98516..7afd19b96 100644
--- a/packages/hoppscotch-app/components/app/Header.vue
+++ b/packages/hoppscotch-app/components/app/Header.vue
@@ -1,17 +1,17 @@
 <template>
   <div>
     <header
-      class="flex space-x-2 flex-1 py-2 px-2 items-center justify-between"
+      class="flex items-center justify-between flex-1 px-2 py-2 space-x-2"
     >
-      <div class="space-x-2 inline-flex items-center">
+      <div class="inline-flex items-center space-x-2">
         <ButtonSecondary
           class="tracking-wide !font-bold !text-secondaryDark hover:bg-primaryDark focus-visible:bg-primaryDark"
-          label="HOPPSCOTCH"
+          :label="t('app.name')"
           to="/"
         />
         <AppGitHubStarButton class="mt-1.5 transition <sm:hidden" />
       </div>
-      <div class="space-x-2 inline-flex items-center">
+      <div class="inline-flex items-center space-x-2">
         <ButtonSecondary
           id="installPWA"
           v-tippy="{ theme: 'tooltip' }"
@@ -47,7 +47,7 @@
           :label="t('header.login')"
           @click.native="showLogin = true"
         />
-        <div v-else class="space-x-2 inline-flex items-center">
+        <div v-else class="inline-flex items-center space-x-2">
           <ButtonPrimary
             v-tippy="{ theme: 'tooltip' }"
             :title="t('team.invite_tooltip')"
@@ -87,11 +87,11 @@
                   svg="user"
                 />
               </template>
-              <div class="flex flex-col text-tiny px-2">
-                <span class="font-semibold inline-flex truncate">
+              <div class="flex flex-col px-2 text-tiny">
+                <span class="inline-flex font-semibold truncate">
                   {{ currentUser.displayName }}
                 </span>
-                <span class="text-secondaryLight inline-flex truncate">
+                <span class="inline-flex truncate text-secondaryLight">
                   {{ currentUser.email }}
                 </span>
               </div>
diff --git a/packages/hoppscotch-app/components/app/PowerSearch.vue b/packages/hoppscotch-app/components/app/PowerSearch.vue
index 9e7413807..b4b57f53e 100644
--- a/packages/hoppscotch-app/components/app/PowerSearch.vue
+++ b/packages/hoppscotch-app/components/app/PowerSearch.vue
@@ -6,7 +6,7 @@
     @close="$emit('hide-modal')"
   >
     <template #body>
-      <div class="flex transition flex-col border-b border-dividerLight">
+      <div class="flex flex-col border-b transition border-dividerLight">
         <input
           id="command"
           v-model="search"
@@ -47,7 +47,7 @@
       />
       <div
         v-else
-        class="flex flex-col flex-1 space-y-4 overflow-auto divide-y divide-dividerLight hide-scrollbar"
+        class="flex flex-col flex-1 overflow-auto space-y-4 divide-y divide-dividerLight hide-scrollbar"
       >
         <div
           v-for="(map, mapIndex) in mappings"
diff --git a/packages/hoppscotch-app/components/app/PowerSearchEntry.vue b/packages/hoppscotch-app/components/app/PowerSearchEntry.vue
index ec4e92268..a5b104060 100644
--- a/packages/hoppscotch-app/components/app/PowerSearchEntry.vue
+++ b/packages/hoppscotch-app/components/app/PowerSearchEntry.vue
@@ -1,13 +1,13 @@
 <template>
   <button
-    class="flex items-center flex-1 px-6 py-3 font-medium transition cursor-pointer search-entry focus:outline-none"
+    class="flex items-center flex-1 px-6 py-3 font-medium cursor-pointer transition search-entry focus:outline-none"
     :class="{ active: active }"
     tabindex="-1"
     @click="$emit('action', shortcut.action)"
     @keydown.enter="$emit('action', shortcut.action)"
   >
     <SmartIcon
-      class="mr-4 transition opacity-50 svg-icons"
+      class="mr-4 opacity-50 transition svg-icons"
       :class="{ 'opacity-100 text-secondaryDark': active }"
       :name="shortcut.icon"
     />
diff --git a/packages/hoppscotch-app/components/collections/ChooseType.vue b/packages/hoppscotch-app/components/collections/ChooseType.vue
index 52835e776..f4355c294 100644
--- a/packages/hoppscotch-app/components/collections/ChooseType.vue
+++ b/packages/hoppscotch-app/components/collections/ChooseType.vue
@@ -18,7 +18,7 @@
               type="text"
               autocomplete="off"
               autofocus
-              class="bg-transparent border-t border-dividerLight cursor-pointer flex font-semibold w-full py-2 px-4 appearance-none hover:bg-primaryDark"
+              class="flex w-full px-4 py-2 font-semibold bg-transparent border-t appearance-none cursor-pointer border-dividerLight hover:bg-primaryDark"
               @change="updateSelectedTeam(myTeams[$event.target.value])"
             >
               <option
diff --git a/packages/hoppscotch-app/components/collections/ImportExport.vue b/packages/hoppscotch-app/components/collections/ImportExport.vue
index 1f6d4a05c..fe25e92d0 100644
--- a/packages/hoppscotch-app/components/collections/ImportExport.vue
+++ b/packages/hoppscotch-app/components/collections/ImportExport.vue
@@ -16,7 +16,7 @@
     </template>
     <template #body>
       <div v-if="importerType !== null" class="flex flex-col">
-        <div class="flex pb-6 flex-col px-2">
+        <div class="flex flex-col px-2 pb-6">
           <div
             v-for="(step, index) in importerSteps"
             :key="`step-${index}`"
@@ -25,7 +25,7 @@
             <div v-if="step.name === 'FILE_IMPORT'" class="space-y-4">
               <p class="flex items-center">
                 <span
-                  class="inline-flex border-4 border-primary items-center justify-center flex-shrink-0 mr-4 rounded-full text-dividerDark"
+                  class="inline-flex items-center justify-center flex-shrink-0 mr-4 border-4 rounded-full border-primary text-dividerDark"
                   :class="{
                     '!text-green-500': hasFile,
                   }"
@@ -42,7 +42,7 @@
                   ref="inputChooseFileToImportFrom"
                   name="inputChooseFileToImportFrom"
                   type="file"
-                  class="transition cursor-pointer file:transition file:cursor-pointer text-secondary hover:text-secondaryDark file:mr-2 file:py-2 file:px-4 file:rounded file:border-0 file:text-secondary hover:file:text-secondaryDark file:bg-primaryLight hover:file:bg-primaryDark"
+                  class="cursor-pointer transition file:transition file:cursor-pointer text-secondary hover:text-secondaryDark file:mr-2 file:py-2 file:px-4 file:rounded file:border-0 file:text-secondary hover:file:text-secondaryDark file:bg-primaryLight hover:file:bg-primaryDark"
                   :accept="step.metadata.acceptedFileTypes"
                   @change="onFileChange"
                 />
@@ -51,7 +51,7 @@
             <div v-else-if="step.name === 'URL_IMPORT'" class="space-y-4">
               <p class="flex items-center">
                 <span
-                  class="inline-flex border-4 border-primary items-center justify-center flex-shrink-0 mr-4 rounded-full text-dividerDark"
+                  class="inline-flex items-center justify-center flex-shrink-0 mr-4 border-4 rounded-full border-primary text-dividerDark"
                   :class="{
                     '!text-green-500': hasGist,
                   }"
diff --git a/packages/hoppscotch-app/components/collections/SaveRequest.vue b/packages/hoppscotch-app/components/collections/SaveRequest.vue
index 4440c44ce..456957a0f 100644
--- a/packages/hoppscotch-app/components/collections/SaveRequest.vue
+++ b/packages/hoppscotch-app/components/collections/SaveRequest.vue
@@ -6,7 +6,7 @@
   >
     <template #body>
       <div class="flex flex-col px-2">
-        <div class="flex relative">
+        <div class="relative flex">
           <input
             id="selectLabelSaveReq"
             v-model="requestName"
diff --git a/packages/hoppscotch-app/components/collections/graphql/Collection.vue b/packages/hoppscotch-app/components/collections/graphql/Collection.vue
index 0e2052e44..e189857fb 100644
--- a/packages/hoppscotch-app/components/collections/graphql/Collection.vue
+++ b/packages/hoppscotch-app/components/collections/graphql/Collection.vue
@@ -11,7 +11,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-4 items-center justify-center"
+        class="flex items-center justify-center px-4 cursor-pointer"
         @click="toggleShowChildren()"
       >
         <SmartIcon
@@ -21,7 +21,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="toggleShowChildren()"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -151,12 +151,12 @@
           v-if="
             collection.folders.length === 0 && collection.requests.length === 0
           "
-          class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+          class="flex flex-col items-center justify-center p-4 text-secondaryLight"
         >
           <img
             :src="`/images/states/${$colorMode.value}/pack.svg`"
             loading="lazy"
-            class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
+            class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
             :alt="`${$t('empty.collection')}`"
           />
           <span class="text-center">
diff --git a/packages/hoppscotch-app/components/collections/graphql/Folder.vue b/packages/hoppscotch-app/components/collections/graphql/Folder.vue
index b3d6c506e..d5a80fb09 100644
--- a/packages/hoppscotch-app/components/collections/graphql/Folder.vue
+++ b/packages/hoppscotch-app/components/collections/graphql/Folder.vue
@@ -11,7 +11,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-4 items-center justify-center"
+        class="flex items-center justify-center px-4 cursor-pointer"
         @click="toggleShowChildren()"
       >
         <SmartIcon
@@ -21,7 +21,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="toggleShowChildren()"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -148,12 +148,12 @@
             folder.requests &&
             folder.requests.length === 0
           "
-          class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+          class="flex flex-col items-center justify-center p-4 text-secondaryLight"
         >
           <img
             :src="`/images/states/${$colorMode.value}/pack.svg`"
             loading="lazy"
-            class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
+            class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
             :alt="`${$t('empty.folder')}`"
           />
           <span class="text-center">
diff --git a/packages/hoppscotch-app/components/collections/graphql/ImportExport.vue b/packages/hoppscotch-app/components/collections/graphql/ImportExport.vue
index 6b0307af7..a29b77022 100644
--- a/packages/hoppscotch-app/components/collections/graphql/ImportExport.vue
+++ b/packages/hoppscotch-app/components/collections/graphql/ImportExport.vue
@@ -57,7 +57,7 @@
       </span>
     </template>
     <template #body>
-      <div class="flex flex-col space-y-2 px-2">
+      <div class="flex flex-col px-2 space-y-2">
         <SmartItem
           svg="folder-plus"
           :label="t('import.from_json')"
diff --git a/packages/hoppscotch-app/components/collections/graphql/Request.vue b/packages/hoppscotch-app/components/collections/graphql/Request.vue
index 049da54f9..8f3d24764 100644
--- a/packages/hoppscotch-app/components/collections/graphql/Request.vue
+++ b/packages/hoppscotch-app/components/collections/graphql/Request.vue
@@ -10,7 +10,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
+        class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
         @click="!doc ? selectRequest() : {}"
       >
         <SmartIcon
@@ -20,7 +20,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="!doc ? selectRequest() : {}"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
diff --git a/packages/hoppscotch-app/components/collections/graphql/index.vue b/packages/hoppscotch-app/components/collections/graphql/index.vue
index a8133f522..367185e18 100644
--- a/packages/hoppscotch-app/components/collections/graphql/index.vue
+++ b/packages/hoppscotch-app/components/collections/graphql/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="{ 'rounded border border-divider': savingMode }">
     <div
-      class="divide-dividerLight divide-y border-b border-dividerLight flex flex-col top-0 z-10 sticky"
+      class="sticky top-0 z-10 flex flex-col border-b divide-dividerLight divide-y border-dividerLight"
       :class="{ 'bg-primary': !savingMode }"
     >
       <input
@@ -10,9 +10,9 @@
         type="search"
         autocomplete="off"
         :placeholder="$t('action.search')"
-        class="bg-transparent flex py-2 px-4"
+        class="flex px-4 py-2 bg-transparent"
       />
-      <div class="flex flex-1 justify-between">
+      <div class="flex justify-between flex-1">
         <ButtonSecondary
           svg="plus"
           :label="$t('action.new')"
@@ -59,15 +59,15 @@
     </div>
     <div
       v-if="collections.length === 0"
-      class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
       <img
         :src="`/images/states/${$colorMode.value}/pack.svg`"
         loading="lazy"
-        class="flex-col object-contain object-center h-16 my-4 w-16 inline-flex"
+        class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
         :alt="$t('empty.collections')"
       />
-      <span class="text-center pb-4">
+      <span class="pb-4 text-center">
         {{ $t("empty.collections") }}
       </span>
       <ButtonSecondary
@@ -78,9 +78,9 @@
     </div>
     <div
       v-if="!(filteredCollections.length !== 0 || collections.length === 0)"
-      class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
-      <i class="opacity-75 pb-2 material-icons">manage_search</i>
+      <i class="pb-2 opacity-75 material-icons">manage_search</i>
       <span class="my-2 text-center">
         {{ $t("state.nothing_found") }} "{{ filterText }}"
       </span>
diff --git a/packages/hoppscotch-app/components/collections/index.vue b/packages/hoppscotch-app/components/collections/index.vue
index 2c9fefd0b..e5bcbbd97 100644
--- a/packages/hoppscotch-app/components/collections/index.vue
+++ b/packages/hoppscotch-app/components/collections/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="{ 'rounded border border-divider': saveRequest }">
     <div
-      class="divide-dividerLight divide-y bg-primary border-b border-dividerLight rounded-t flex flex-col z-10 sticky"
+      class="sticky z-10 flex flex-col border-b rounded-t divide-dividerLight divide-y bg-primary border-dividerLight"
       :style="saveRequest ? 'top: calc(-1 * var(--font-size-body))' : 'top: 0'"
     >
       <div v-if="!saveRequest" class="flex flex-col">
@@ -10,7 +10,7 @@
           type="search"
           autocomplete="off"
           :placeholder="$t('action.search')"
-          class="bg-transparent py-2 pr-2 pl-4"
+          class="py-2 pl-4 pr-2 bg-transparent"
         />
       </div>
       <CollectionsChooseType
@@ -20,7 +20,7 @@
         @update-collection-type="updateCollectionType"
         @update-selected-team="updateSelectedTeam"
       />
-      <div class="flex flex-1 justify-between">
+      <div class="flex justify-between flex-1">
         <ButtonSecondary
           v-if="
             collectionsType.type == 'team-collections' &&
@@ -96,15 +96,15 @@
     </div>
     <div
       v-if="filteredCollections.length === 0 && filterText.length === 0"
-      class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
       <img
         :src="`/images/states/${$colorMode.value}/pack.svg`"
         loading="lazy"
-        class="flex-col object-contain object-center h-16 my-4 w-16 inline-flex"
+        class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
         :alt="$t('empty.collections')"
       />
-      <span class="text-center pb-4">
+      <span class="pb-4 text-center">
         {{ $t("empty.collections") }}
       </span>
       <ButtonSecondary
@@ -129,9 +129,9 @@
     </div>
     <div
       v-if="filterText.length !== 0 && filteredCollections.length === 0"
-      class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
-      <i class="opacity-75 pb-2 material-icons">manage_search</i>
+      <i class="pb-2 opacity-75 material-icons">manage_search</i>
       <span class="my-2 text-center">
         {{ $t("state.nothing_found") }} "{{ filterText }}"
       </span>
diff --git a/packages/hoppscotch-app/components/collections/my/Collection.vue b/packages/hoppscotch-app/components/collections/my/Collection.vue
index c8ae445bc..6cf5a5703 100644
--- a/packages/hoppscotch-app/components/collections/my/Collection.vue
+++ b/packages/hoppscotch-app/components/collections/my/Collection.vue
@@ -11,7 +11,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-4 items-center justify-center"
+        class="flex items-center justify-center px-4 cursor-pointer"
         @click="toggleShowChildren()"
       >
         <SmartIcon
@@ -21,7 +21,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="toggleShowChildren()"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -177,12 +177,12 @@
             (collection.requests == undefined ||
               collection.requests.length === 0)
           "
-          class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+          class="flex flex-col items-center justify-center p-4 text-secondaryLight"
         >
           <img
             :src="`/images/states/${$colorMode.value}/pack.svg`"
             loading="lazy"
-            class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
+            class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
             :alt="`${$t('empty.collection')}`"
           />
           <span class="text-center">
diff --git a/packages/hoppscotch-app/components/collections/my/Folder.vue b/packages/hoppscotch-app/components/collections/my/Folder.vue
index f25334f73..032f137fc 100644
--- a/packages/hoppscotch-app/components/collections/my/Folder.vue
+++ b/packages/hoppscotch-app/components/collections/my/Folder.vue
@@ -11,7 +11,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-4 items-center justify-center"
+        class="flex items-center justify-center px-4 cursor-pointer"
         @click="toggleShowChildren()"
       >
         <SmartIcon
@@ -21,7 +21,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="toggleShowChildren()"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -157,12 +157,12 @@
             folder.requests &&
             folder.requests.length === 0
           "
-          class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+          class="flex flex-col items-center justify-center p-4 text-secondaryLight"
         >
           <img
             :src="`/images/states/${$colorMode.value}/pack.svg`"
             loading="lazy"
-            class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
+            class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
             :alt="`${t('empty.folder')}`"
           />
           <span class="text-center">
diff --git a/packages/hoppscotch-app/components/collections/my/Request.vue b/packages/hoppscotch-app/components/collections/my/Request.vue
index 1ce387e85..6d877e07f 100644
--- a/packages/hoppscotch-app/components/collections/my/Request.vue
+++ b/packages/hoppscotch-app/components/collections/my/Request.vue
@@ -10,7 +10,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
+        class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
         :class="getRequestLabelColor(request.method)"
         @click="!doc ? selectRequest() : {}"
       >
@@ -25,7 +25,7 @@
         </span>
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition items-center group-hover:text-secondaryDark"
+        class="flex items-center flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="!doc ? selectRequest() : {}"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -43,7 +43,7 @@
           :title="`${$t('collection.request_in_use')}`"
         >
           <span
-            class="absolute animate-ping inline-flex flex-shrink-0 h-full w-full rounded-full bg-green-500 opacity-75"
+            class="absolute inline-flex flex-shrink-0 w-full h-full bg-green-500 rounded-full opacity-75 animate-ping"
           >
           </span>
           <span
diff --git a/packages/hoppscotch-app/components/collections/teams/Collection.vue b/packages/hoppscotch-app/components/collections/teams/Collection.vue
index 65f6152dc..e370cd049 100644
--- a/packages/hoppscotch-app/components/collections/teams/Collection.vue
+++ b/packages/hoppscotch-app/components/collections/teams/Collection.vue
@@ -11,7 +11,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-4 items-center justify-center"
+        class="flex items-center justify-center px-4 cursor-pointer"
         @click="toggleShowChildren()"
       >
         <SmartIcon
@@ -21,7 +21,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="toggleShowChildren()"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -179,12 +179,12 @@
             (collection.requests == undefined ||
               collection.requests.length === 0)
           "
-          class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+          class="flex flex-col items-center justify-center p-4 text-secondaryLight"
         >
           <img
             :src="`/images/states/${$colorMode.value}/pack.svg`"
             loading="lazy"
-            class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
+            class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
             :alt="`${t('empty.collection')}`"
           />
           <span class="text-center">
diff --git a/packages/hoppscotch-app/components/collections/teams/Folder.vue b/packages/hoppscotch-app/components/collections/teams/Folder.vue
index df83fb980..53dfcd864 100644
--- a/packages/hoppscotch-app/components/collections/teams/Folder.vue
+++ b/packages/hoppscotch-app/components/collections/teams/Folder.vue
@@ -11,7 +11,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-4 items-center justify-center"
+        class="flex items-center justify-center px-4 cursor-pointer"
         @click="toggleShowChildren()"
       >
         <SmartIcon
@@ -21,7 +21,7 @@
         />
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="toggleShowChildren()"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -158,12 +158,12 @@
             (folder.children == undefined || folder.children.length === 0) &&
             (folder.requests == undefined || folder.requests.length === 0)
           "
-          class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+          class="flex flex-col items-center justify-center p-4 text-secondaryLight"
         >
           <img
             :src="`/images/states/${$colorMode.value}/pack.svg`"
             loading="lazy"
-            class="flex-col object-contain object-center h-16 mb-4 w-16 inline-flex"
+            class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
             :alt="`${$t('empty.folder')}`"
           />
           <span class="text-center">
diff --git a/packages/hoppscotch-app/components/collections/teams/Request.vue b/packages/hoppscotch-app/components/collections/teams/Request.vue
index 3eb3e99ad..c4b2830c8 100644
--- a/packages/hoppscotch-app/components/collections/teams/Request.vue
+++ b/packages/hoppscotch-app/components/collections/teams/Request.vue
@@ -10,7 +10,7 @@
       @contextmenu.prevent="options.tippy().show()"
     >
       <span
-        class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
+        class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
         :class="getRequestLabelColor(request.method)"
         @click="!doc ? selectRequest() : {}"
       >
@@ -25,7 +25,7 @@
         </span>
       </span>
       <span
-        class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition items-center group-hover:text-secondaryDark"
+        class="flex items-center flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         @click="!doc ? selectRequest() : {}"
       >
         <span class="truncate" :class="{ 'text-accent': isSelected }">
@@ -42,7 +42,7 @@
           :title="`${$t('collection.request_in_use')}`"
         >
           <span
-            class="absolute animate-ping inline-flex flex-shrink-0 h-full w-full rounded-full bg-green-500 opacity-75"
+            class="absolute inline-flex flex-shrink-0 w-full h-full bg-green-500 rounded-full opacity-75 animate-ping"
           >
           </span>
           <span
diff --git a/packages/hoppscotch-app/components/environments/Edit.vue b/packages/hoppscotch-app/components/environments/Edit.vue
index 826a0c4fb..722198c77 100644
--- a/packages/hoppscotch-app/components/environments/Edit.vue
+++ b/packages/hoppscotch-app/components/environments/Edit.vue
@@ -41,7 +41,7 @@
             />
           </div>
         </div>
-        <div class="border divide-y rounded divide-dividerLight border-divider">
+        <div class="border rounded divide-y divide-dividerLight border-divider">
           <div
             v-for="(variable, index) in vars"
             :key="`variable-${index}`"
diff --git a/packages/hoppscotch-app/components/environments/Environment.vue b/packages/hoppscotch-app/components/environments/Environment.vue
index 8842932dd..3a0f2f883 100644
--- a/packages/hoppscotch-app/components/environments/Environment.vue
+++ b/packages/hoppscotch-app/components/environments/Environment.vue
@@ -10,7 +10,7 @@
       <SmartIcon class="svg-icons" name="layers" />
     </span>
     <span
-      class="flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer group-hover:text-secondaryDark"
+      class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
       @click="$emit('edit-environment')"
     >
       <span class="truncate">
diff --git a/packages/hoppscotch-app/components/graphql/RequestOptions.vue b/packages/hoppscotch-app/components/graphql/RequestOptions.vue
index 79244ac79..160afee5b 100644
--- a/packages/hoppscotch-app/components/graphql/RequestOptions.vue
+++ b/packages/hoppscotch-app/components/graphql/RequestOptions.vue
@@ -8,7 +8,7 @@
         :indicator="gqlQueryString && gqlQueryString.length > 0 ? true : false"
       >
         <div
-          class="bg-primary border-b border-dividerLight flex flex-1 top-upperSecondaryStickyFold pl-4 z-10 sticky items-center justify-between gqlRunQuery"
+          class="sticky z-10 flex items-center justify-between flex-1 pl-4 border-b bg-primary border-dividerLight top-upperSecondaryStickyFold gqlRunQuery"
         >
           <label class="font-semibold text-secondaryLight">
             {{ t("request.query") }}
@@ -71,7 +71,7 @@
         :indicator="variableString && variableString.length > 0 ? true : false"
       >
         <div
-          class="bg-primary border-b border-dividerLight flex flex-1 top-upperSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
+          class="sticky z-10 flex items-center justify-between flex-1 pl-4 border-b bg-primary border-dividerLight top-upperSecondaryStickyFold"
         >
           <label class="font-semibold text-secondaryLight">
             {{ t("request.variables") }}
@@ -114,7 +114,7 @@
         :info="activeGQLHeadersCount === 0 ? null : `${activeGQLHeadersCount}`"
       >
         <div
-          class="bg-primary border-b border-dividerLight flex flex-1 top-upperSecondaryStickyFold pl-4 z-10 sticky items-center justify-between"
+          class="sticky z-10 flex items-center justify-between flex-1 pl-4 border-b bg-primary border-dividerLight top-upperSecondaryStickyFold"
         >
           <label class="font-semibold text-secondaryLight">
             {{ t("tab.headers") }}
@@ -154,7 +154,7 @@
           <div
             v-for="(header, index) in workingHeaders"
             :key="`header-${String(index)}`"
-            class="divide-x divide-dividerLight border-b border-dividerLight flex"
+            class="flex border-b divide-x divide-dividerLight border-dividerLight"
           >
             <SmartAutoComplete
               :placeholder="`${t('count.header', { count: index + 1 })}`"
@@ -180,7 +180,7 @@
               "
             />
             <input
-              class="bg-transparent flex flex-1 py-2 px-4"
+              class="flex flex-1 px-4 py-2 bg-transparent"
               :placeholder="`${t('count.value', { count: index + 1 })}`"
               :name="`value ${String(index)}`"
               :value="header.value"
@@ -232,15 +232,15 @@
           </div>
           <div
             v-if="workingHeaders.length === 0"
-            class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+            class="flex flex-col items-center justify-center p-4 text-secondaryLight"
           >
             <img
               :src="`/images/states/${$colorMode.value}/add_category.svg`"
               loading="lazy"
-              class="flex-col object-contain object-center h-16 my-4 w-16 inline-flex"
+              class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
               :alt="`${t('empty.headers')}`"
             />
-            <span class="text-center pb-4">
+            <span class="pb-4 text-center">
               {{ t("empty.headers") }}
             </span>
             <ButtonSecondary
diff --git a/packages/hoppscotch-app/components/graphql/Response.vue b/packages/hoppscotch-app/components/graphql/Response.vue
index fd44ebb94..8fe619d96 100644
--- a/packages/hoppscotch-app/components/graphql/Response.vue
+++ b/packages/hoppscotch-app/components/graphql/Response.vue
@@ -45,7 +45,7 @@
       class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
     >
       <div class="flex pb-4 my-4 space-x-2">
-        <div class="flex flex-col items-end space-y-4 text-right">
+        <div class="flex flex-col items-end text-right space-y-4">
           <span class="flex items-center flex-1">
             {{ t("shortcut.general.command_menu") }}
           </span>
diff --git a/packages/hoppscotch-app/components/history/graphql/Card.vue b/packages/hoppscotch-app/components/history/graphql/Card.vue
index b03b2d706..8cffa9136 100644
--- a/packages/hoppscotch-app/components/history/graphql/Card.vue
+++ b/packages/hoppscotch-app/components/history/graphql/Card.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-col group">
     <div class="flex items-center">
       <span
-        class="flex flex-1 min-w-0 py-2 pl-4 pr-2 transition cursor-pointer group-hover:text-secondaryDark"
+        class="flex flex-1 min-w-0 py-2 pl-4 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
         data-testid="restore_history_entry"
         @click="useEntry"
       >
diff --git a/packages/hoppscotch-app/components/history/index.vue b/packages/hoppscotch-app/components/history/index.vue
index 08da08d5e..4835b70bc 100644
--- a/packages/hoppscotch-app/components/history/index.vue
+++ b/packages/hoppscotch-app/components/history/index.vue
@@ -36,7 +36,7 @@
         open
       >
         <summary
-          class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
+          class="flex items-center justify-between flex-1 min-w-0 cursor-pointer transition focus:outline-none text-secondaryLight text-tiny group"
         >
           <span
             class="px-4 py-2 truncate transition group-hover:text-secondary capitalize-first"
diff --git a/packages/hoppscotch-app/components/history/rest/Card.vue b/packages/hoppscotch-app/components/history/rest/Card.vue
index 045439b11..4ab5f69ca 100644
--- a/packages/hoppscotch-app/components/history/rest/Card.vue
+++ b/packages/hoppscotch-app/components/history/rest/Card.vue
@@ -11,7 +11,7 @@
       {{ entry.request.method }}
     </span>
     <span
-      class="flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer group-hover:text-secondaryDark"
+      class="flex flex-1 min-w-0 py-2 pr-2 cursor-pointer transition group-hover:text-secondaryDark"
       data-testid="restore_history_entry"
       @click="$emit('use-entry')"
     >
diff --git a/packages/hoppscotch-app/components/http/BodyParameters.vue b/packages/hoppscotch-app/components/http/BodyParameters.vue
index b05366db8..bc9fbbebf 100644
--- a/packages/hoppscotch-app/components/http/BodyParameters.vue
+++ b/packages/hoppscotch-app/components/http/BodyParameters.vue
@@ -91,7 +91,7 @@
             :name="`attachment${index}`"
             type="file"
             multiple
-            class="p-1 transition cursor-pointer file:transition file:cursor-pointer text-secondaryLight hover:text-secondaryDark file:mr-2 file:py-1 file:px-4 file:rounded file:border-0 file:text-tiny text-tiny file:text-secondary hover:file:text-secondaryDark file:bg-primaryLight hover:file:bg-primaryDark"
+            class="p-1 cursor-pointer transition file:transition file:cursor-pointer text-secondaryLight hover:text-secondaryDark file:mr-2 file:py-1 file:px-4 file:rounded file:border-0 file:text-tiny text-tiny file:text-secondary hover:file:text-secondaryDark file:bg-primaryLight hover:file:bg-primaryDark"
             @change="setRequestAttachment(index, param, $event)"
           />
         </label>
diff --git a/packages/hoppscotch-app/components/http/CodegenModal.vue b/packages/hoppscotch-app/components/http/CodegenModal.vue
index 5226f06c4..c11121d85 100644
--- a/packages/hoppscotch-app/components/http/CodegenModal.vue
+++ b/packages/hoppscotch-app/components/http/CodegenModal.vue
@@ -55,7 +55,7 @@
         </div>
         <div
           v-if="errorState"
-          class="bg-primaryLight rounded font-mono w-full py-2 px-4 text-red-400 overflow-auto whitespace-normal"
+          class="w-full px-4 py-2 overflow-auto font-mono text-red-400 whitespace-normal rounded bg-primaryLight"
         >
           {{ t("error.something_went_wrong") }}
         </div>
diff --git a/packages/hoppscotch-app/components/http/Headers.vue b/packages/hoppscotch-app/components/http/Headers.vue
index facdd5a08..f237c1be7 100644
--- a/packages/hoppscotch-app/components/http/Headers.vue
+++ b/packages/hoppscotch-app/components/http/Headers.vue
@@ -123,7 +123,7 @@
       </div>
       <div
         v-if="workingHeaders.length === 0"
-        class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+        class="flex flex-col items-center justify-center p-4 text-secondaryLight"
       >
         <img
           :src="`/images/states/${$colorMode.value}/add_category.svg`"
diff --git a/packages/hoppscotch-app/components/http/Request.vue b/packages/hoppscotch-app/components/http/Request.vue
index 4759408f0..c28c8898a 100644
--- a/packages/hoppscotch-app/components/http/Request.vue
+++ b/packages/hoppscotch-app/components/http/Request.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="sticky top-0 z-10 flex p-4 space-x-2 overflow-x-auto bg-primary hide-scrollbar"
+    class="sticky top-0 z-10 flex p-4 overflow-x-auto space-x-2 bg-primary hide-scrollbar"
   >
     <div class="flex flex-1">
       <div class="relative flex">
diff --git a/packages/hoppscotch-app/components/http/ResponseMeta.vue b/packages/hoppscotch-app/components/http/ResponseMeta.vue
index 8e1a2bb75..5cc3f51ab 100644
--- a/packages/hoppscotch-app/components/http/ResponseMeta.vue
+++ b/packages/hoppscotch-app/components/http/ResponseMeta.vue
@@ -7,7 +7,7 @@
       class="flex flex-col items-center justify-center flex-1 text-secondaryLight"
     >
       <div class="flex pb-4 my-4 space-x-2">
-        <div class="flex flex-col items-end space-y-4 text-right">
+        <div class="flex flex-col items-end text-right space-y-4">
           <span class="flex items-center flex-1">
             {{ t("shortcut.request.send_request") }}
           </span>
diff --git a/packages/hoppscotch-app/components/http/URLEncodedParams.vue b/packages/hoppscotch-app/components/http/URLEncodedParams.vue
index 7d219f957..d6bfb63b2 100644
--- a/packages/hoppscotch-app/components/http/URLEncodedParams.vue
+++ b/packages/hoppscotch-app/components/http/URLEncodedParams.vue
@@ -118,7 +118,7 @@
       </div>
       <div
         v-if="workingUrlEncodedParams.length === 0"
-        class="flex flex-col text-secondaryLight p-4 items-center justify-center"
+        class="flex flex-col items-center justify-center p-4 text-secondaryLight"
       >
         <img
           :src="`/images/states/${$colorMode.value}/add_category.svg`"
diff --git a/packages/hoppscotch-app/components/profile/Picture.vue b/packages/hoppscotch-app/components/profile/Picture.vue
index a5e8cde13..b38409b72 100644
--- a/packages/hoppscotch-app/components/profile/Picture.vue
+++ b/packages/hoppscotch-app/components/profile/Picture.vue
@@ -4,7 +4,7 @@
     class="relative flex items-center justify-center w-5 h-5 rounded-full cursor-pointer focus:outline-none focus-visible:ring focus-visible:ring-primaryDark"
   >
     <img
-      class="absolute object-cover object-center w-5 h-5 transition rounded-full bg-primaryDark"
+      class="absolute object-cover object-center w-5 h-5 rounded-full transition bg-primaryDark"
       :src="url"
       :alt="alt"
       loading="lazy"
diff --git a/packages/hoppscotch-app/components/smart/Checkbox.vue b/packages/hoppscotch-app/components/smart/Checkbox.vue
index ca0a7010b..8e3dc3d6a 100644
--- a/packages/hoppscotch-app/components/smart/Checkbox.vue
+++ b/packages/hoppscotch-app/components/smart/Checkbox.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="inline-flex items-center justify-center transition cursor-pointer flex-nowrap group hover:text-secondaryDark"
+    class="inline-flex items-center justify-center cursor-pointer transition flex-nowrap group hover:text-secondaryDark"
     @click="$emit('change')"
   >
     <input
diff --git a/packages/hoppscotch-app/components/smart/Expand.vue b/packages/hoppscotch-app/components/smart/Expand.vue
index 93bc85f6a..db97699b8 100644
--- a/packages/hoppscotch-app/components/smart/Expand.vue
+++ b/packages/hoppscotch-app/components/smart/Expand.vue
@@ -1,10 +1,10 @@
 <template>
   <div
-    class="relative flex flex-col space-y-2 overflow-hidden"
+    class="relative flex flex-col overflow-hidden space-y-2"
     :class="expand ? 'h-full' : 'max-h-32'"
   >
     <slot name="body"></slot>
-    <div class="flex sticky bottom-0 inset-x-0 items-center justify-center">
+    <div class="sticky inset-x-0 bottom-0 flex items-center justify-center">
       <ButtonSecondary
         :icon="expand ? 'expand_less' : 'expand_more'"
         :label="expand ? t('action.less') : t('action.more')"
diff --git a/packages/hoppscotch-app/components/smart/Item.vue b/packages/hoppscotch-app/components/smart/Item.vue
index f29968b99..e76662af4 100644
--- a/packages/hoppscotch-app/components/smart/Item.vue
+++ b/packages/hoppscotch-app/components/smart/Item.vue
@@ -3,7 +3,7 @@
     :to="`${/^\/(?!\/).*$/.test(to) ? localePath(to) : to}`"
     :exact="exact"
     :blank="blank"
-    class="inline-flex items-center flex-shrink-0 px-4 py-2 transition rounded hover:bg-primaryDark hover:text-secondaryDark focus:outline-none focus-visible:bg-primaryDark focus-visible:text-secondaryDark"
+    class="inline-flex items-center flex-shrink-0 px-4 py-2 rounded transition hover:bg-primaryDark hover:text-secondaryDark focus:outline-none focus-visible:bg-primaryDark focus-visible:text-secondaryDark"
     :class="[
       { 'opacity-75 cursor-not-allowed': disabled },
       { 'pointer-events-none': loading },
diff --git a/packages/hoppscotch-app/components/smart/Modal.vue b/packages/hoppscotch-app/components/smart/Modal.vue
index 40f0bd646..6009711b8 100644
--- a/packages/hoppscotch-app/components/smart/Modal.vue
+++ b/packages/hoppscotch-app/components/smart/Modal.vue
@@ -32,7 +32,7 @@
           leave-to-class="scale-95 translate-y-4"
         >
           <div
-            class="inline-block w-full overflow-hidden text-left align-bottom transition-all transform shadow-lg bg-primary sm:rounded-xl sm:align-middle"
+            class="inline-block w-full overflow-hidden text-left align-bottom shadow-lg transition-all transform bg-primary sm:rounded-xl sm:align-middle"
             :class="[
               { 'mt-24 md:mb-8': placement === 'top' },
               { 'p-4': !fullWidth },
diff --git a/packages/hoppscotch-app/components/smart/Radio.vue b/packages/hoppscotch-app/components/smart/Radio.vue
index 316e393fa..fdefa19d4 100644
--- a/packages/hoppscotch-app/components/smart/Radio.vue
+++ b/packages/hoppscotch-app/components/smart/Radio.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex items-center flex-1 transition cursor-pointer flex-nowrap group hover:text-secondaryDark"
+    class="flex items-center flex-1 cursor-pointer transition flex-nowrap group hover:text-secondaryDark"
     @click="$emit('change', value)"
   >
     <span class="inline-flex mr-4">
diff --git a/packages/hoppscotch-app/components/smart/Toggle.vue b/packages/hoppscotch-app/components/smart/Toggle.vue
index bd5fa5f59..8f1e8a9c5 100644
--- a/packages/hoppscotch-app/components/smart/Toggle.vue
+++ b/packages/hoppscotch-app/components/smart/Toggle.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="inline-flex items-center justify-center transition cursor-pointer flex-nowrap group hover:text-secondaryDark"
+    class="inline-flex items-center justify-center cursor-pointer transition flex-nowrap group hover:text-secondaryDark"
     @click="$emit('change')"
   >
     <span ref="toggle" class="toggle" :class="{ on: on }">
diff --git a/packages/hoppscotch-app/components/tab/Primary.vue b/packages/hoppscotch-app/components/tab/Primary.vue
index 6aa582d07..1116f3630 100644
--- a/packages/hoppscotch-app/components/tab/Primary.vue
+++ b/packages/hoppscotch-app/components/tab/Primary.vue
@@ -3,7 +3,7 @@
     :to="`${/^\/(?!\/).*$/.test(to) ? localePath(to) : to}`"
     :exact="exact"
     :blank="blank"
-    class="inline-flex items-center px-4 py-2 truncate transition rounded focus:outline-none"
+    class="inline-flex items-center px-4 py-2 truncate rounded transition focus:outline-none"
     :class="[
       color
         ? `text-${color}-500 hover:text-${color}-600 focus-visible:text-${color}-600`
diff --git a/packages/hoppscotch-app/components/teams/Edit.vue b/packages/hoppscotch-app/components/teams/Edit.vue
index 0f9f3ae33..8091026d1 100644
--- a/packages/hoppscotch-app/components/teams/Edit.vue
+++ b/packages/hoppscotch-app/components/teams/Edit.vue
@@ -47,7 +47,7 @@
             E.isRight(teamDetails.data) &&
             teamDetails.data.right.team.teamMembers
           "
-          class="border divide-y rounded divide-dividerLight border-divider"
+          class="border rounded divide-y divide-dividerLight border-divider"
         >
           <div
             v-if="teamDetails.data.right.team.teamMembers === 0"
diff --git a/packages/hoppscotch-app/components/teams/Invite.vue b/packages/hoppscotch-app/components/teams/Invite.vue
index 8688410a6..a633ccc1a 100644
--- a/packages/hoppscotch-app/components/teams/Invite.vue
+++ b/packages/hoppscotch-app/components/teams/Invite.vue
@@ -12,7 +12,7 @@
           </p>
         </div>
         <div
-          class="flex flex-col p-4 mt-8 space-y-6 border rounded border-dividerLight"
+          class="flex flex-col p-4 mt-8 border rounded space-y-6 border-dividerLight"
         >
           <div
             v-for="(invitee, index) in sendInvitesResult"
@@ -51,7 +51,7 @@
             {{ t("team.pending_invites") }}
           </label>
         </div>
-        <div class="border divide-y rounded divide-dividerLight border-divider">
+        <div class="border rounded divide-y divide-dividerLight border-divider">
           <div
             v-if="pendingInvites.loading"
             class="flex items-center justify-center p-4"
@@ -127,7 +127,7 @@
             />
           </div>
         </div>
-        <div class="border divide-y rounded divide-dividerLight border-divider">
+        <div class="border rounded divide-y divide-dividerLight border-divider">
           <div
             v-for="(invitee, index) in newInvites"
             :key="`new-invitee-${index}`"
diff --git a/packages/hoppscotch-app/components/teams/Team.vue b/packages/hoppscotch-app/components/teams/Team.vue
index fddfbb4a0..c69954286 100644
--- a/packages/hoppscotch-app/components/teams/Team.vue
+++ b/packages/hoppscotch-app/components/teams/Team.vue
@@ -27,7 +27,7 @@
         >
           {{ team.name || t("state.nothing_found") }}
         </label>
-        <div class="flex mt-2 -space-x-1 overflow-hidden">
+        <div class="flex mt-2 overflow-hidden -space-x-1">
           <img
             v-for="(member, index) in team.teamMembers"
             :key="`member-${index}`"
diff --git a/packages/hoppscotch-app/layouts/default.vue b/packages/hoppscotch-app/layouts/default.vue
index 0af958b42..190728251 100644
--- a/packages/hoppscotch-app/layouts/default.vue
+++ b/packages/hoppscotch-app/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex h-screen w-screen">
+  <div class="flex w-screen h-screen">
     <Splitpanes class="no-splitter" :dbl-click-splitter="false" horizontal>
       <Pane v-if="!ZEN_MODE" style="height: auto">
         <AppHeader />
diff --git a/packages/hoppscotch-app/layouts/error.vue b/packages/hoppscotch-app/layouts/error.vue
index d9dbbc03f..d2ddcec09 100644
--- a/packages/hoppscotch-app/layouts/error.vue
+++ b/packages/hoppscotch-app/layouts/error.vue
@@ -3,7 +3,7 @@
     <img
       :src="`/images/states/${$colorMode.value}/youre_lost.svg`"
       loading="lazy"
-      class="flex-col object-contain object-center h-46 my-4 w-46 inline-flex"
+      class="inline-flex flex-col object-contain object-center my-4 h-46 w-46"
       :alt="message"
     />
     <h1 class="mb-4 text-4xl heading">{{ statusCode }}</h1>