refactor: sort windi class names

packages/hoppscotch-app/components/app/SlideOver.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <transition v-if="show" name="fade" appear>
-      <div class="inset-0 transition-opacity z-20 fixed" @keydown.esc="close()">
+      <div class="fixed inset-0 z-20 transition-opacity" @keydown.esc="close()">
         <div
-          class="bg-primaryLight opacity-90 inset-0 absolute"
+          class="absolute inset-0 bg-primaryLight opacity-90"
           tabindex="0"
           @click="close()"
         ></div>
@@ -11,20 +11,21 @@
     </transition>
     <aside
       class="
+        flex
         bg-primary
-        flex flex-col
+        w-96
+        fixed
+        top-0
+        right-0
+        z-30
+        flex-col
         h-full
         max-w-full
-        transform
-        transition
-        top-0
-        ease-in-out
-        right-0
-        w-96
-        z-30
-        duration-300
-        fixed
         overflow-auto
+        transition
+        duration-300
+        ease-in-out
+        transform
       "
       :class="show ? 'shadow-xl translate-x-0' : 'translate-x-full'"
     >