feat(react): set up client to support Preact with JSX

apps/client/package.json

@@ -59,6 +59,7 @@
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-inspector": "5.0.0",
+    "@preact/preset-vite": "2.10.2",
     "@types/bootstrap": "5.2.10",
     "@types/jquery": "3.5.32",
     "@types/leaflet": "1.9.20",

apps/client/tsconfig.app.json

@@ -4,9 +4,13 @@
     "lib": [ "ESNext" ],
     "outDir": "dist",
     "types": [
-      "node"
+      "node",
+      "preact"
     ],
     "rootDir": "src",
+    "jsx": "preserve",
+    "jsxFactory": "h",
+		"jsxImportSource": "preact",
     "module": "esnext",
     "moduleResolution": "bundler",
     "tsBuildInfoFile": "dist/tsconfig.app.tsbuildinfo"

apps/client/vite.config.mts

@@ -4,6 +4,7 @@ import { defineConfig, type Plugin } from 'vite';
 import { viteStaticCopy } from 'vite-plugin-static-copy'
 import asset_path from './src/asset_path';
 import webpackStatsPlugin from 'rollup-plugin-webpack-stats';
+import preact from "@preact/preset-vite";
 
 const assets = [ "assets", "stylesheets", "fonts", "translations" ];
 
@@ -20,6 +21,7 @@ export default defineConfig(() => ({
         host: 'localhost',
     },
     plugins: [
+        preact(),
         viteStaticCopy({
             targets: assets.map((asset) => ({
                 src: `src/${asset}/*`,