perf(web): optimize images and modules (#7088)

* perf: optimize images and modules

* fix: tests

* fix: missing font

* fix: delay showing the loading spinner

* simplify

* simplify

* pr feedback

* chore: merge main

* fix: enum

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/vite.config.js

@@ -1,3 +1,4 @@
+import { enhancedImages } from '@sveltejs/enhanced-img';
 import { sveltekit } from '@sveltejs/kit/vite';
 import path from 'node:path';
 import { visualizer } from 'rollup-plugin-visualizer';
@@ -33,6 +34,7 @@ export default defineConfig({
       emitFile: true,
       filename: 'stats.html',
     }),
+    enhancedImages(),
   ],
   optimizeDeps: {
     entries: ['src/**/*.{svelte,ts,html}'],