fix: enable enforce-consistent-class-order tailwind lint rule (#9428)

## Summary

Enable `better-tailwindcss/enforce-consistent-class-order` lint rule and
auto-fix all 1027 violations across 263 files. Stacked on #9427.

## Changes

- **What**: Sort Tailwind classes into consistent order via `eslint
--fix`
- Enable `enforce-consistent-class-order` as `'error'` in eslint config
- Purely cosmetic reordering — no behavioral or visual changes

## Review Focus

Mechanical auto-fix PR — all changes are class reordering only. This is
the largest diff but lowest risk since it changes no class names, only
their order.

**Stack:** #9417 → #9427 → **this PR**

Fixes #9300 (partial — 3 of 3 rules)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9428-fix-enable-enforce-consistent-class-order-tailwind-lint-rule-31a6d73d3650811c9065f5178ba3e724)
by [Unito](https://www.unito.io)

src/components/sidebar/tabs/nodeLibrary/AllNodesPanel.vue

@@ -1,8 +1,8 @@
 <template>
-  <TabsContent value="all" class="flex-1 overflow-y-auto h-full">
+  <TabsContent value="all" class="h-full flex-1 overflow-y-auto">
     <!-- Favorites section -->
     <h3
-      class="px-4 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground mb-0"
+      class="mb-0 px-4 py-2 text-xs font-medium tracking-wide text-muted-foreground uppercase"
     >
       {{ $t('sideToolbar.nodeLibraryTab.sections.bookmarked') }}
     </h3>
@@ -22,7 +22,7 @@
     <div v-for="(section, index) in sections" :key="section.category ?? index">
       <h3
         v-if="section.category && sortOrder !== 'alphabetical'"
-        class="px-4 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground mb-0"
+        class="mb-0 px-4 py-2 text-xs font-medium tracking-wide text-muted-foreground uppercase"
       >
         {{ $t(NODE_CATEGORY_LABELS[section.category]) }}
       </h3>

src/components/sidebar/tabs/nodeLibrary/BlueprintsPanel.vue

@@ -1,9 +1,9 @@
 <template>
-  <TabsContent value="blueprints" class="flex-1 overflow-y-auto h-full">
+  <TabsContent value="blueprints" class="h-full flex-1 overflow-y-auto">
     <div v-for="(section, index) in sections" :key="section.title ?? index">
       <h3
         v-if="section.title"
-        class="px-4 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground mb-0"
+        class="mb-0 px-4 py-2 text-xs font-medium tracking-wide text-muted-foreground uppercase"
       >
         {{ $t(section.title) }}
       </h3>

src/components/sidebar/tabs/nodeLibrary/CustomNodesPanel.vue

@@ -1,14 +1,14 @@
 <template>
-  <TabsContent value="custom" class="flex-1 flex flex-col h-full">
+  <TabsContent value="custom" class="flex h-full flex-1 flex-col">
     <div
       v-for="(section, index) in sections"
       :key="section.title ?? index"
-      class="flex-1 overflow-y-auto h-full"
+      class="h-full flex-1 overflow-y-auto"
     >
       <!-- Section header -->
       <h3
         v-if="section.title"
-        class="px-4 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground mb-0"
+        class="mb-0 px-4 py-2 text-xs font-medium tracking-wide text-muted-foreground uppercase"
       >
         {{ section.title }}
       </h3>
@@ -20,7 +20,7 @@
         @node-click="(node) => emit('nodeClick', node)"
       />
     </div>
-    <div class="flex-none py-3 border-t border-border-default text-center">
+    <div class="flex-none border-t border-border-default py-3 text-center">
       <Button
         variant="secondary"
         class="justify-start gap-3"

src/components/sidebar/tabs/nodeLibrary/EssentialNodeCard.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="group relative flex flex-col items-center justify-center py-3 px-2 rounded-lg cursor-pointer select-none transition-colors duration-150 box-content bg-component-node-background hover:bg-secondary-background-hover"
+    class="group relative box-content flex cursor-pointer flex-col items-center justify-center rounded-lg bg-component-node-background px-2 py-3 transition-colors duration-150 select-none hover:bg-secondary-background-hover"
     :data-node-name="node.label"
     draggable="true"
     @click="handleClick"
@@ -12,7 +12,7 @@
     <i :class="cn(nodeIcon, 'size-6 text-muted-foreground')" />
 
     <TextTickerMultiLine
-      class="shrink-0 h-7 w-full text-xs/normal font-normal text-foreground mt-2"
+      class="text-foreground mt-2 h-7 w-full shrink-0 text-xs/normal font-normal"
     >
       {{ node.label }}
     </TextTickerMultiLine>

src/components/sidebar/tabs/nodeLibrary/EssentialNodesPanel.vue

@@ -2,7 +2,7 @@
   <TabsContent
     ref="panelEl"
     value="essentials"
-    class="flex-1 overflow-y-auto px-3 h-full"
+    class="h-full flex-1 overflow-y-auto px-3"
   >
     <div class="flex flex-col gap-2 pb-6">
       <!-- Flat sorted grid when alphabetical -->
@@ -28,7 +28,7 @@
           @update:open="toggleFolder(folder.key, $event)"
         >
           <CollapsibleTrigger
-            class="group flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-3 px-1 text-xs font-medium tracking-wide text-muted-foreground h-8 box-content"
+            class="group box-content flex h-8 w-full cursor-pointer items-center justify-between border-0 bg-transparent px-1 py-3 text-xs font-medium tracking-wide text-muted-foreground"
           >
             <span class="uppercase">{{ folder.label }}</span>
             <i