updates on the ui changes and changed into doormile

vite.config.js

@@ -2,13 +2,19 @@ import path from 'node:path';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 
-// The reference app resolves `@/*` through the Base44 Vite plugin. This demo is
-// backend-free, so the alias is declared directly.
+// `@/*` resolves to `src/*`. Declared here rather than through a plugin so the
+// alias is the same one `jsconfig.json` reports to the editor.
 export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
       '@': path.resolve(import.meta.dirname, './src'),
+      'utils': path.resolve(import.meta.dirname, './src/utils'),
+      'themes': path.resolve(import.meta.dirname, './src/themes'),
+      'components': path.resolve(import.meta.dirname, './src/components'),
+      'pages': path.resolve(import.meta.dirname, './src/pages'),
+      'assets': path.resolve(import.meta.dirname, './src/assets'),
+      'api': path.resolve(import.meta.dirname, './src/api'),
     },
   },
   build: {
@@ -20,8 +26,8 @@ export default defineConfig({
           react: ['react', 'react-dom', 'react-router-dom'],
           charts: ['recharts'],
           motion: ['framer-motion'],
-          markdown: ['react-markdown'],
-          canvas: ['html2canvas'],
+          map: ['leaflet', 'react-leaflet'],
+          sheets: ['xlsx'],
         },
       },
     },