chore: added react compiler and fixed url to manage pads (#7158)

admin/package.json

@@ -20,6 +20,8 @@
     "@types/react-dom": "^19.2.0",
     "@typescript-eslint/eslint-plugin": "^8.43.0",
     "@typescript-eslint/parser": "^8.43.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "babel-plugin-react-compiler": "19.1.0-rc.3",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^6.1.0",
     "eslint-plugin-react-refresh": "^0.4.23",
@@ -34,6 +36,7 @@
     "socket.io-client": "^4.8.1",
     "typescript": "^5.9.3",
     "vite": "npm:rolldown-vite@latest",
+    "vite-plugin-babel": "^1.3.2",
     "vite-plugin-static-copy": "^3.1.3",
     "zustand": "^5.0.8"
   },

admin/src/pages/PadPage.tsx

@@ -255,7 +255,7 @@ export const PadPage = ()=>{
                                 <IconButton icon={<FileStack/>} title={<Trans i18nKey="ep_admin_pads:ep_adminpads2_cleanup"/>} onClick={()=>{
                                   cleanupPad(pad.padName)
                                 }}/>
-                                <IconButton icon={<Eye/>} title="view" onClick={()=>window.open(`/p/${pad.padName}`, '_blank')}/>
+                                <IconButton icon={<Eye/>} title={<Trans i18nKey="index.createOpenPad"/>} onClick={()=>window.open(`../../p/${pad.padName}`, '_blank')}/>
                             </div>
                         </td>
                     </tr>

admin/vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite'
 import {viteStaticCopy} from "vite-plugin-static-copy";
+import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,7 +11,10 @@ export default defineConfig({
               dest: ''
           }
       ]
-  })],
+  }),   react({
+    babel: {
+      plugins: ['babel-plugin-react-compiler'],
+    }})],
     base: '/admin',
     build:{
       outDir: '../src/templates/admin',