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/components/widget/layout/BaseModalLayout.vue

@@ -10,7 +10,7 @@
     <IconButton :class="closeButtonClasses" @click="closeDialog">
       <i class="pi pi-times text-sm"></i>
     </IconButton>
-    <div class="flex w-full h-full">
+    <div class="flex h-full w-full">
       <Transition name="slide-panel">
         <nav
           v-if="$slots.leftPanel && showLeftPanel"
@@ -25,9 +25,9 @@
       </Transition>
 
       <div :class="mainContainerClasses">
-        <div class="w-full h-full flex flex-col">
+        <div class="flex h-full w-full flex-col">
           <header v-if="$slots.header" :class="headerClasses">
-            <div class="flex-1 flex gap-2 shrink-0">
+            <div class="flex flex-1 shrink-0 gap-2">
               <IconButton v-if="!notMobile" @click="toggleLeftPanel">
                 <i
                   v-if="!showLeftPanel"
@@ -48,12 +48,12 @@
             </div>
           </header>
 
-          <main class="flex flex-col flex-1 min-h-0">
+          <main class="flex min-h-0 flex-1 flex-col">
             <!-- Fallback title bar when no leftPanel is provided -->
             <slot name="contentFilter"></slot>
             <h2
               v-if="!$slots.leftPanel"
-              class="text-xxl px-6 pt-2 pb-6 m-0 capitalize"
+              class="text-xxl m-0 px-6 pt-2 pb-6 capitalize"
             >
               {{ contentTitle }}
             </h2>