chore: upgrade the dependency packages and update incompatible changes

browser/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@radix-ui/react-scroll-area": "^1.2.10",
-    "antd": "^5.22.2",
+    "antd": "^5.29.3",
     "clsx": "^2.1.1",
     "i18next": "^24.0.5",
     "jotai": "^2.10.3",
@@ -25,19 +25,19 @@
     "yocto-queue": "^1.1.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.15.0",
+    "@eslint/js": "^9.39.2",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.16.0",
-    "@typescript-eslint/parser": "^8.16.0",
+    "@typescript-eslint/eslint-plugin": "^8.52.0",
+    "@typescript-eslint/parser": "^8.52.0",
     "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.26",
     "globals": "^15.12.0",
     "postcss": "^8.4.49",
     "prettier": "^3.4.1",
@@ -45,7 +45,7 @@
     "tailwindcss": "^3.4.18",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.15.0",
-    "vite": "^6.0.1",
+    "vite": "^7.3.1",
     "vite-tsconfig-paths": "^5.1.3"
   }
 }

browser/src/components/device-modal/index.tsx

@@ -29,7 +29,7 @@ export const DeviceModal = () => {
   }, [videoState, serialState]);
 
   return (
-    <Modal open={isOpen} title={t('modal.title')} footer={null} closable={false} destroyOnClose>
+    <Modal open={isOpen} title={t('modal.title')} footer={null} closable={false} destroyOnHidden>
       <div className="flex flex-col items-center justify-center space-y-5 py-10">
         <Video setErrMsg={setErrMsg} />
         <SerialPort setErrMsg={setErrMsg} />

browser/src/components/menu/video/resolution.tsx

@@ -163,7 +163,7 @@ export const Resolution = () => {
         title={t('video.custom.title')}
         footer={null}
         closable={false}
-        destroyOnClose
+        destroyOnHidden
       >
         <div className="flex flex-col items-center justify-center space-y-5 py-10">
           <div className="flex items-center space-x-5">

browser/vite.config.ts

@@ -8,6 +8,6 @@ export default defineConfig({
     port: 3001
   },
   build: {
-    chunkSizeWarningLimit: 1024
+    chunkSizeWarningLimit: 2048
   }
 });