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/platform/nodeReplacement/components/SwapNodeGroupRow.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="flex flex-col w-full mb-4">
+  <div class="mb-4 flex w-full flex-col">
     <!-- Type header row: type name + chevron -->
-    <div class="flex h-8 items-center w-full">
-      <p class="flex-1 min-w-0 text-sm font-medium truncate text-foreground">
+    <div class="flex h-8 w-full items-center">
+      <p class="text-foreground min-w-0 flex-1 truncate text-sm font-medium">
         {{ `${group.type} (${group.nodeTypes.length})` }}
       </p>
 
@@ -32,7 +32,7 @@
     <TransitionCollapse>
       <div
         v-if="expanded"
-        class="flex flex-col gap-0.5 pl-2 mb-2 overflow-hidden"
+        class="mb-2 flex flex-col gap-0.5 overflow-hidden pl-2"
       >
         <div
           v-for="nodeType in group.nodeTypes"
@@ -45,18 +45,18 @@
               typeof nodeType !== 'string' &&
               nodeType.nodeId != null
             "
-            class="shrink-0 rounded-md bg-secondary-background-selected px-2 py-0.5 text-xs font-mono text-muted-foreground font-bold mr-1"
+            class="mr-1 shrink-0 rounded-md bg-secondary-background-selected px-2 py-0.5 font-mono text-xs font-bold text-muted-foreground"
           >
             #{{ nodeType.nodeId }}
           </span>
-          <p class="flex-1 min-w-0 text-xs text-muted-foreground truncate">
+          <p class="min-w-0 flex-1 truncate text-xs text-muted-foreground">
             {{ getLabel(nodeType) }}
           </p>
           <Button
             v-if="typeof nodeType !== 'string' && nodeType.nodeId != null"
             variant="textonly"
             size="icon-sm"
-            class="size-6 text-muted-foreground hover:text-base-foreground shrink-0 mr-1"
+            class="mr-1 size-6 shrink-0 text-muted-foreground hover:text-base-foreground"
             :aria-label="t('rightSidePanel.locateNode', 'Locate Node')"
             @click="handleLocateNode(nodeType)"
           >
@@ -67,25 +67,25 @@
     </TransitionCollapse>
 
     <!-- Description rows: what it is replaced by -->
-    <div class="flex flex-col text-[13px] mb-2 mt-1 px-1 gap-0.5">
+    <div class="mt-1 mb-2 flex flex-col gap-0.5 px-1 text-[13px]">
       <span class="text-muted-foreground">{{
         t('nodeReplacement.willBeReplacedBy', 'This node will be replaced by:')
       }}</span>
-      <span class="font-bold text-foreground">{{
+      <span class="text-foreground font-bold">{{
         group.newNodeId ?? t('nodeReplacement.unknownNode', 'Unknown')
       }}</span>
     </div>
 
     <!-- Replace Action Button -->
-    <div class="flex items-start w-full py-1">
+    <div class="flex w-full items-start py-1">
       <Button
         variant="secondary"
         size="md"
-        class="flex flex-1 w-full"
+        class="flex w-full flex-1"
         @click="handleReplaceNode"
       >
-        <i class="icon-[lucide--repeat] size-4 text-foreground shrink-0 mr-1" />
-        <span class="text-sm text-foreground truncate min-w-0">
+        <i class="text-foreground mr-1 icon-[lucide--repeat] size-4 shrink-0" />
+        <span class="text-foreground min-w-0 truncate text-sm">
           {{ t('nodeReplacement.replaceNode', 'Replace Node') }}
         </span>
       </Button>

src/platform/nodeReplacement/components/SwapNodesCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="px-4 pb-2 mt-2">
+  <div class="mt-2 px-4 pb-2">
     <!-- Sub-label: guidance message shown above all swap groups -->
     <p class="m-0 pb-5 text-sm/relaxed text-muted-foreground">
       {{