Split build into smaller chunks

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
     "typescript.tsdk": "node_modules/typescript/lib",
     "cSpell.words": [
+        "kbar",
         "vite",
         "vitejs"
     ]

vite.config.ts

@@ -4,8 +4,31 @@ import { visualizer } from 'rollup-plugin-visualizer';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  // This changes the out put dir from dist to build
-  build: { outDir: 'build' },
+  build: {
+    outDir: 'build', // This changes the out put dir from dist to build
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          firebase: [
+            'firebase/app',
+            'firebase/performance',
+            'firebase/auth',
+            'firebase/analytics',
+            'firebase/storage',
+            'firebase/firestore/lite',
+          ],
+          react: ['react', 'react-dom'],
+          antdResult: ['antd/es/result'],
+          antdTable: ['antd/es/table'],
+          antdIcons: ['@ant-design/icons'],
+          uplot: ['uplot'],
+          sentry: ['@sentry/react', '@sentry/browser', '@sentry/tracing'],
+          kbar: ['kbar'],
+          perfectScrollbar: ['perfect-scrollbar'],
+        },
+      },
+    },
+  },
   server: { open: true },
   css: {
     preprocessorOptions: {