refactor(ui): sort windicss classes

components/lenses/HeadersRenderer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-2 font-mono">
+  <div class="font-mono p-2">
     <div
       v-for="(header, index) in headers"
       :key="`header-${index}`"
@@ -7,13 +7,13 @@
     >
       <span
         class="
-          p-2
           flex
-          min-w-0
-          text-xs
-          group-hover:text-secondaryDark
-          transition
           font-semibold
+          text-xs
+          min-w-0
+          p-2
+          transition
+          group-hover:text-secondaryDark
         "
       >
         <span class="truncate">
@@ -22,12 +22,12 @@
       </span>
       <span
         class="
-          font-mono font-bold
           flex
+          font-mono font-bold
+          mx-2
+          text-xs
           justify-center
           items-center
-          text-xs
-          mx-2
           truncate
         "
       >
@@ -35,13 +35,14 @@
       </span>
       <span
         class="
-          p-2
-          flex flex-1
-          min-w-0
-          text-xs
-          group-hover:text-secondaryDark
-          transition
+          flex
           font-semibold
+          flex-1
+          text-xs
+          min-w-0
+          p-2
+          transition
+          group-hover:text-secondaryDark
         "
       >
         <span class="truncate">

components/lenses/renderers/HTMLLensRenderer.vue

@@ -2,17 +2,17 @@
   <div>
     <div
       class="
+        bg-primary
+        border-b border-dividerLight
         flex flex-1
-        sticky
         top-23
         z-10
-        bg-primary
+        sticky
         items-center
         justify-between
-        border-b border-dividerLight
       "
     >
-      <label for="body" class="px-4 font-semibold text-xs">
+      <label for="body" class="font-semibold text-xs px-4">
         {{ $t("response_body") }}
       </label>
       <div>

components/lenses/renderers/ImageLensRenderer.vue

@@ -2,17 +2,17 @@
   <div>
     <div
       class="
+        bg-primary
+        border-b border-dividerLight
         flex flex-1
-        sticky
         top-23
         z-10
-        bg-primary
+        sticky
         items-center
         justify-between
-        border-b border-dividerLight
       "
     >
-      <label for="body" class="px-4 font-semibold text-xs">
+      <label for="body" class="font-semibold text-xs px-4">
         {{ $t("response_body") }}
       </label>
       <div>

components/lenses/renderers/JSONLensRenderer.vue

@@ -2,17 +2,17 @@
   <div>
     <div
       class="
+        bg-primary
+        border-b border-dividerLight
         flex flex-1
-        sticky
         top-23
         z-10
-        bg-primary
+        sticky
         items-center
         justify-between
-        border-b border-dividerLight
       "
     >
-      <label for="body" class="px-4 font-semibold text-xs">
+      <label for="body" class="font-semibold text-xs px-4">
         {{ $t("response_body") }}
       </label>
       <div>

components/lenses/renderers/RawLensRenderer.vue

@@ -2,17 +2,17 @@
   <div>
     <div
       class="
+        bg-primary
+        border-b border-dividerLight
         flex flex-1
-        sticky
         top-23
         z-10
-        bg-primary
+        sticky
         items-center
         justify-between
-        border-b border-dividerLight
       "
     >
-      <label for="body" class="px-4 font-semibold text-xs">
+      <label for="body" class="font-semibold text-xs px-4">
         {{ $t("response_body") }}
       </label>
       <div>

components/lenses/renderers/XMLLensRenderer.vue

@@ -2,17 +2,17 @@
   <div>
     <div
       class="
+        bg-primary
+        border-b border-dividerLight
         flex flex-1
-        sticky
         top-23
         z-10
-        bg-primary
+        sticky
         items-center
         justify-between
-        border-b border-dividerLight
       "
     >
-      <label for="body" class="px-4 font-semibold text-xs">
+      <label for="body" class="font-semibold text-xs px-4">
         {{ $t("response_body") }}
       </label>
       <div>