chore(frontend): migrate Tailwind to Vite plugin

frontend/vite.config.js

@@ -1,5 +1,6 @@
 import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite'
 import vue from '@vitejs/plugin-vue'
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
 import { resolve } from 'path'
@@ -8,6 +9,7 @@ import { visualizer } from 'rollup-plugin-visualizer'
 // https://vitejs.dev/config/
 export default defineConfig(({ isSsrBuild }) => ({
     plugins: [
+      tailwindcss(),
       visualizer({
         filename: './dist/stats.html',
         open: true, // Automatically opens in browser
@@ -38,11 +40,22 @@ export default defineConfig(({ isSsrBuild }) => ({
       sourcemap: true, // Enable source maps for debugging
       rollupOptions: {
         output: isSsrBuild ? undefined : {
-          manualChunks: {
-            vue: ['vue'],
-            vuetify: ['vuetify'],
-            vendor: ['lodash', 'axios'], // adjust based on your deps
-            vuedraggable: ['vuedraggable']
+          manualChunks(id) {
+            if (id.includes('/node_modules/vue/')) {
+              return 'vue'
+            }
+
+            if (id.includes('/node_modules/vuetify/')) {
+              return 'vuetify'
+            }
+
+            if (id.includes('/node_modules/vuedraggable/')) {
+              return 'vuedraggable'
+            }
+
+            if (id.includes('/node_modules/lodash/') || id.includes('/node_modules/axios/')) {
+              return 'vendor'
+            }
           },
           format: 'es',
           entryFileNames: '[name].[hash].js',