Lint: Add tailwind linter (#5984)

## Summary

Adds the [tailwind lint
plugin](https://github.com/francoismassart/eslint-plugin-tailwindcss/?tab=readme-ov-file#eslint-plugin-tailwindcss)
and fixes the currently fixable rules ([v4 is still in
beta](https://github.com/francoismassart/eslint-plugin-tailwindcss/?tab=readme-ov-file#about-tailwind-css-4-support)).

## Changes

- **What**: Enforces things like consistent class order, and eventually
can prohibit extra classes that could be utilities instead
- **Dependencies**: The plugin and its types

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5984-Lint-Add-tailwind-linter-2866d73d365081d89db0d998232533bb)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>

src/core/graph/subgraph/SubgraphNode.vue

@@ -244,14 +244,14 @@ onBeforeUnmount(() => {
   />
   <div
     v-if="filteredActive.length"
-    class="pt-1 pb-4 border-b-1 border-node-component-border"
+    class="border-b-1 border-node-component-border pt-1 pb-4"
   >
-    <div class="flex py-0 px-4 justify-between">
-      <div class="text-slate-100 text-[9px] font-semibold uppercase">
+    <div class="flex justify-between px-4 py-0">
+      <div class="text-[9px] font-semibold text-slate-100 uppercase">
         {{ $t('subgraphStore.shown') }}
       </div>
       <a
-        class="cursor-pointer text-right text-blue-100 text-[11px] font-normal"
+        class="cursor-pointer text-right text-[11px] font-normal text-blue-100"
         @click.stop="hideAll"
       >
         {{ $t('subgraphStore.hideAll') }}</a
@@ -261,7 +261,7 @@ onBeforeUnmount(() => {
       <div
         v-for="[node, widget] in filteredActive"
         :key="toKey([node, widget])"
-        class="w-full draggable-item"
+        class="draggable-item w-full"
         style=""
       >
         <SubgraphNodeWidget
@@ -275,12 +275,12 @@ onBeforeUnmount(() => {
     </div>
   </div>
   <div v-if="filteredCandidates.length" class="pt-1 pb-4">
-    <div class="flex py-0 px-4 justify-between">
-      <div class="text-slate-100 text-[9px] font-semibold uppercase">
+    <div class="flex justify-between px-4 py-0">
+      <div class="text-[9px] font-semibold text-slate-100 uppercase">
         {{ $t('subgraphStore.hidden') }}
       </div>
       <a
-        class="cursor-pointer text-right text-blue-100 text-[11px] font-normal"
+        class="cursor-pointer text-right text-[11px] font-normal text-blue-100"
         @click.stop="showAll"
       >
         {{ $t('subgraphStore.showAll') }}</a
@@ -300,7 +300,7 @@ onBeforeUnmount(() => {
   </div>
   <div
     v-if="recommendedWidgets.length"
-    class="justify-center flex py-4 border-t-1 border-node-component-border"
+    class="flex justify-center border-t-1 border-node-component-border py-4"
   >
     <Button
       size="small"

src/core/graph/subgraph/SubgraphNodeWidget.vue

@@ -33,8 +33,8 @@ function classes() {
         )
       "
     />
-    <div class="flex-1 pointer-events-none">
-      <div class="text-slate-100 text-[10px]">{{ nodeTitle }}</div>
+    <div class="pointer-events-none flex-1">
+      <div class="text-[10px] text-slate-100">{{ nodeTitle }}</div>
       <div class="text-xs">{{ widgetName }}</div>
     </div>
     <Button