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"