feat: replacing windicss by tailwindcss in hoppscotch-ui (#3076)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Co-authored-by: nivedin <nivedinp@gmail.com>

packages/hoppscotch-common/src/components/settings/Extension.vue

@@ -12,7 +12,7 @@
       {{ t("settings.extension_ver_not_reported") }}
     </span>
   </div>
-  <div class="flex flex-col py-4 space-y-2">
+  <div class="flex flex-col space-y-2 py-4">
     <span>
       <HoppSmartItem
         to="https://chrome.google.com/webstore/detail/hoppscotch-browser-extens/amknoiejhlmhancpahfcfcfhllgkpbld"
@@ -36,7 +36,7 @@
       />
     </span>
   </div>
-  <div class="py-4 space-y-4">
+  <div class="space-y-4 py-4">
     <div class="flex items-center">
       <HoppSmartToggle
         :on="extensionEnabled"

packages/hoppscotch-common/src/components/settings/Proxy.vue

@@ -8,7 +8,7 @@
       :label="t('app.proxy_privacy_policy')"
     />.
   </div>
-  <div class="py-4 space-y-4">
+  <div class="space-y-4 py-4">
     <div class="flex items-center">
       <HoppSmartToggle
         :on="proxyEnabled"
@@ -18,7 +18,7 @@
       </HoppSmartToggle>
     </div>
   </div>
-  <div class="flex items-center py-4 space-x-2">
+  <div class="flex items-center space-x-2 py-4">
     <HoppSmartInput
       v-model="PROXY_URL"
       :autofocus="false"