feat: add the react compiler for speed optimization

Author: DarkIntaqt

package-lock.json

@@ -28,9 +28,11 @@
       "react-dom": "19.2.0",
       "react-icons": "^5.5.0",
       "react-router": "7.9.3",
-      "simplebar-react": "^3.3.2"
+      "simplebar-react": "^3.3.2",
+      "vite-plugin-babel": "^1.3.2"
    },
    "devDependencies": {
+      "@babel/preset-typescript": "^7.27.1",
       "@react-router/dev": "7.9.3",
       "@testing-library/dom": "^10.4.0",
       "@testing-library/jest-dom": "^6.6.3",
@@ -40,6 +42,7 @@
       "@types/node": "20",
       "@types/react": "19.2.0",
       "@types/react-dom": "19.2.0",
+      "babel-plugin-react-compiler": "^19.1.0-rc.3",
       "jsdom": "27.0.0",
       "prettier": "^3.5.3",
       "sass-embedded": "1.93.2",

package.json

@@ -1,10 +1,24 @@
 import { reactRouter } from "@react-router/dev/vite";
 import * as path from "node:path";
 import { defineConfig } from "vite";
+import babel from "vite-plugin-babel";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
-   plugins: [!process.env.VITEST && reactRouter(), tsconfigPaths()],
+   plugins: [
+      !process.env.VITEST && reactRouter(),
+      tsconfigPaths(),
+      babel({
+         filter: /\.[jt]sx?$/,
+         babelConfig: {
+            presets: ["@babel/preset-typescript"],
+            plugins: ["babel-plugin-react-compiler"],
+            generatorOpts: {
+               compact: true, // silence file size warns
+            },
+         },
+      }),
+   ],
    test: {
       environment: "jsdom",
       globals: true,