refactor: sort windi class names

packages/hoppscotch-app/components/smart/Item.vue

@@ -4,16 +4,16 @@
     :exact="exact"
     :blank="blank"
     class="
-      rounded
-      transition
-      flex-shrink-0
-      py-2
-      px-4
-      inline-flex
-      items-center
       hover:bg-primaryDark hover:text-secondaryDark
       focus:outline-none
       focus-visible:bg-primaryDark focus-visible:text-secondaryDark
+      inline-flex
+      items-center
+      flex-shrink-0
+      px-4
+      py-2
+      transition
+      rounded
     "
     :class="[
       { 'opacity-75 cursor-not-allowed': disabled },
@@ -55,10 +55,10 @@
     </span>
     <SmartSpinner v-else class="mr-4 text-secondaryDark" />
     <div
-      class="flex-1 inline-flex truncate items-start"
+      class="inline-flex items-start flex-1 truncate"
       :class="{ 'flex-col': description }"
     >
-      <div class="truncate font-semibold">
+      <div class="font-semibold truncate">
         {{ label }}
       </div>
       <p
@@ -70,7 +70,7 @@
     </div>
     <i
       v-if="infoIcon"
-      class="ml-6 self-center material-icons items-center"
+      class="items-center self-center ml-6 material-icons"
       :class="{ 'text-accent': activeInfoIcon }"
     >
       {{ infoIcon }}