refactor: frontend improvements

services/frontend/vite.config.ts

@@ -6,15 +6,19 @@ import tsconfigPaths from "vite-tsconfig-paths";
 // https://vite.dev/config/
 export default defineConfig({
   build: {
-    outDir: 'dist',
-    assetsDir: 'assets', 
-    emptyOutDir: true, 
+    outDir: "dist",
+    assetsDir: "assets",
+    emptyOutDir: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          code: ["monaco-editor", "@monaco-editor/react"],
+          md: ["react-markdown", "rehype-katex", "remark-gfm", "remark-math"],
+        },
+      },
+    },
   },
-  plugins: [
-    tsconfigPaths(),
-    react(),
-    tailwindcss()
-  ],
-  assetsInclude: ['**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.svg'],
-  publicDir: 'public',
+  plugins: [tsconfigPaths(), react(), tailwindcss()],
+  assetsInclude: ["**/*.png", "**/*.jpg", "**/*.jpeg", "**/*.svg"],
+  publicDir: "public",
 });