perf(front): reduce login page preload and split frontend vendor chunks

app-frontend/vite.config.js

@@ -13,7 +13,34 @@ export default defineConfig({
     rollupOptions: {
       output: {
         manualChunks(id) {
-          if (id.includes('node_modules')) return 'vendor'
+          if (!id.includes('node_modules')) return undefined
+
+          if (
+            id.includes('/node_modules/vue/') ||
+            id.includes('/node_modules/@vue/') ||
+            id.includes('/node_modules/vue-router/') ||
+            id.includes('/node_modules/pinia/')
+          ) {
+            return 'vendor-vue'
+          }
+
+          if (id.includes('/node_modules/element-plus/') || id.includes('/node_modules/@element-plus/')) {
+            return 'vendor-element'
+          }
+
+          if (id.includes('/node_modules/axios/')) {
+            return 'vendor-axios'
+          }
+
+          if (
+            id.includes('/node_modules/socket.io-client/') ||
+            id.includes('/node_modules/engine.io-client/') ||
+            id.includes('/node_modules/socket.io-parser/')
+          ) {
+            return 'vendor-realtime'
+          }
+
+          return 'vendor-misc'
         },
       },
     },