feat: switch to mantine-hooks, random-js, add cssnano & aggressive bundle optimizations, remove chance/usehooks/lodash

vite.config.ts

@@ -2,6 +2,8 @@ import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import tsconfigPaths from "vite-tsconfig-paths";
 import tailwindcss from "@tailwindcss/vite";
+import { visualizer } from "rollup-plugin-visualizer";
+import cssnano from "cssnano";
 
 // https://vitejs.dev/config/
 export default ({ mode }) => {
@@ -9,9 +11,31 @@ export default ({ mode }) => {
 
   return defineConfig({
     base: "/",
-    plugins: [react(), tsconfigPaths(), tailwindcss()],
+    plugins: [
+      react(),
+      tsconfigPaths(),
+      tailwindcss(),
+      cssnano(),
+
+      visualizer({
+        template: "treemap",
+        open: true, // Automatically open the report in your browser after build
+        filename: "stats.html", // Output file name
+        gzipSize: true, // Show gzip size
+        brotliSize: true, // Show brotli size
+      }),
+    ],
     build: {
-      chunkSizeWarningLimit: 650,
+      rollupOptions: {
+        treeshake: {
+          // Remove unused module exports
+          moduleSideEffects: false,
+          // Optimize property access
+          propertyReadSideEffects: false,
+          // Remove unused imports
+          tryCatchDeoptimization: false,
+        },
+      },
     },
   });
 };