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/searchbox/v2/NodeSearchCategorySidebar.vue

@@ -121,7 +121,7 @@ const categoryTree = computed<CategoryNode[]>(() => {
 
 function categoryBtnClass(id: string) {
   return cn(
-    'cursor-pointer border-none bg-transparent rounded-sm px-3 py-2.5 text-left text-sm transition-colors',
+    'cursor-pointer rounded-sm border-none bg-transparent px-3 py-2.5 text-left text-sm transition-colors',
     selectedCategory.value === id
       ? CATEGORY_SELECTED_CLASS
       : CATEGORY_UNSELECTED_CLASS

src/components/searchbox/v2/NodeSearchContent.vue

@@ -60,7 +60,7 @@
           :aria-selected="index === selectedIndex"
           :class="
             cn(
-              'flex cursor-pointer items-center px-4 h-14',
+              'flex h-14 cursor-pointer items-center px-4',
               index === selectedIndex && 'bg-secondary-background-hover'
             )
           "

src/components/searchbox/v2/NodeSearchFilterBar.vue

@@ -7,9 +7,9 @@
       :aria-pressed="activeChipKey === chip.key"
       :class="
         cn(
-          'cursor-pointer rounded-md border px-3 py-1 text-sm transition-colors flex-auto border-secondary-background',
+          'flex-auto cursor-pointer rounded-md border border-secondary-background px-3 py-1 text-sm transition-colors',
           activeChipKey === chip.key
-            ? 'bg-secondary-background text-foreground'
+            ? 'text-foreground bg-secondary-background'
             : 'bg-transparent text-muted-foreground hover:border-base-foreground/60 hover:text-base-foreground/60'
         )
       "

src/components/searchbox/v2/NodeSearchFilterPanel.vue

@@ -21,8 +21,8 @@
       @click="emit('apply', option)"
       @mouseenter="selectedIndex = index"
     >
-      <span class="text-base font-semibold text-foreground">
-        <span class="text-2xl mr-1" :style="{ color: getLinkTypeColor(option) }"
+      <span class="text-foreground text-base font-semibold">
+        <span class="mr-1 text-2xl" :style="{ color: getLinkTypeColor(option) }"
           >&bull;</span
         >
         {{ option }}

src/components/searchbox/v2/NodeSearchInput.vue

@@ -10,13 +10,13 @@
       <!-- Active filter label (filter selection mode) -->
       <span
         v-if="activeFilter"
-        class="inline-flex shrink-0 items-center gap-1 rounded-lg bg-base-background px-2 py-1 -my-1 text-sm opacity-80 text-foreground"
+        class="text-foreground -my-1 inline-flex shrink-0 items-center gap-1 rounded-lg bg-base-background px-2 py-1 text-sm opacity-80"
       >
         {{ activeFilter.label }}:
         <button
           type="button"
           data-testid="cancel-filter"
-          class="cursor-pointer border-none bg-transparent text-muted-foreground hover:text-base-foreground rounded-full aspect-square"
+          class="aspect-square cursor-pointer rounded-full border-none bg-transparent text-muted-foreground hover:text-base-foreground"
           :aria-label="$t('g.remove')"
           @click="emit('cancelFilter')"
         >
@@ -30,7 +30,7 @@
           :key="filterKey(filter)"
           :value="filterKey(filter)"
           data-testid="filter-chip"
-          class="inline-flex items-center gap-1 rounded-lg bg-base-background px-2 py-1 -my-1 data-[state=active]:ring-2 data-[state=active]:ring-primary"
+          class="-my-1 inline-flex items-center gap-1 rounded-lg bg-base-background px-2 py-1 data-[state=active]:ring-2 data-[state=active]:ring-primary"
         >
           <span class="text-sm opacity-80">
             {{ t(`g.${filter.filterDef.id}`) }}:
@@ -44,7 +44,7 @@
             type="button"
             data-testid="chip-delete"
             :aria-label="$t('g.remove')"
-            class="ml-1 cursor-pointer border-none bg-transparent text-muted-foreground hover:text-base-foreground rounded-full aspect-square"
+            class="ml-1 aspect-square cursor-pointer rounded-full border-none bg-transparent text-muted-foreground hover:text-base-foreground"
           >
             <i class="pi pi-times text-xs" />
           </TagsInputItemDelete>
@@ -61,7 +61,7 @@
           :aria-controls="activeFilter ? 'filter-options-list' : 'results-list'"
           :aria-label="inputPlaceholder"
           :placeholder="inputPlaceholder"
-          class="h-6 min-w-[min(300px,80vw)] flex-1 border-none bg-transparent text-foreground text-sm outline-none placeholder:text-muted-foreground"
+          class="text-foreground h-6 min-w-[min(300px,80vw)] flex-1 border-none bg-transparent text-sm outline-none placeholder:text-muted-foreground"
           @keydown.enter.prevent="emit('selectCurrent')"
           @keydown.down.prevent="emit('navigateDown')"
           @keydown.up.prevent="emit('navigateUp')"

src/components/searchbox/v2/NodeSearchListItem.vue

@@ -3,7 +3,7 @@
     class="option-container flex w-full cursor-pointer items-center justify-between overflow-hidden"
   >
     <div class="flex flex-col gap-0.5 overflow-hidden">
-      <div class="font-semibold text-foreground flex items-center gap-2">
+      <div class="text-foreground flex items-center gap-2 font-semibold">
         <span v-if="isBookmarked && !hideBookmarkIcon">
           <i class="pi pi-bookmark-fill mr-1 text-sm" />
         </span>
@@ -28,7 +28,7 @@
             nodeDef.nodeSource.type !== NodeSourceType.Core &&
             nodeDef.nodeSource.type !== NodeSourceType.Unknown
           "
-          class="inline-flex shrink-0 rounded-sm border border-border px-1.5 py-0.5 text-xs bg-base-foreground/5 text-base-foreground/70 mr-0.5"
+          class="border-border mr-0.5 inline-flex shrink-0 rounded-sm border bg-base-foreground/5 px-1.5 py-0.5 text-xs text-base-foreground/70"
         >
           {{ nodeDef.nodeSource.displayText }}
         </span>