chore(desktop): upgrade the dependency packages and update incompatible changes

desktop/package.json

@@ -24,7 +24,7 @@
     "@electron-toolkit/preload": "^3.0.1",
     "@electron-toolkit/utils": "^4.0.0",
     "@tailwindcss/vite": "^4.0.6",
-    "antd": "^5.24.1",
+    "antd": "^5.29.3",
     "clsx": "^2.1.1",
     "electron-log": "^5.3.1",
     "electron-updater": "^6.3.9",
@@ -48,13 +48,13 @@
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
-    "electron": "^34.2.0",
-    "electron-builder": "^25.1.8",
+    "electron": "^35.7.5",
+    "electron-builder": "^26.0.12",
     "electron-vite": "^4.0.1",
-    "eslint": "^9.20.1",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.26",
     "prettier": "^3.5.1",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^18.3.1",
@@ -67,6 +67,7 @@
       "electron"
     ],
     "overrides": {
+      "js-yaml": "^4.1.1",
       "esbuild@<=0.24.2": ">=0.25.0",
       "vite@>=6.1.0 <6.1.2": ">=6.1.2",
       "vite@>=6.1.0 <6.1.3": ">=6.1.3",

desktop/src/renderer/src/components/device-modal/index.tsx

@@ -11,7 +11,7 @@ export const DeviceModal = (): ReactElement => {
   const [errMsg, setErrMsg] = useState('')
 
   return (
-    <Modal open={true} title={t('modal.title')} footer={null} closable={false} destroyOnClose>
+    <Modal open={true} title={t('modal.title')} footer={null} closable={false} destroyOnHidden>
       <div className="flex flex-col items-center justify-center space-y-3 py-10">
         <Video setMsg={setErrMsg} />
         <div />

desktop/src/renderer/src/components/menu/settings/index.tsx

@@ -1,7 +1,13 @@
 import { ReactElement, useEffect, useState } from 'react'
 import { Badge, Modal } from 'antd'
 import clsx from 'clsx'
-import { BadgeInfoIcon, CircleArrowUpIcon, PaletteIcon, SettingsIcon, RotateCcwIcon } from 'lucide-react'
+import {
+  BadgeInfoIcon,
+  CircleArrowUpIcon,
+  PaletteIcon,
+  RotateCcwIcon,
+  SettingsIcon
+} from 'lucide-react'
 import { useTranslation } from 'react-i18next'
 
 import { IpcEvents } from '@common/ipc-events'
@@ -9,8 +15,8 @@ import * as storage from '@renderer/libs/storage'
 
 import { About } from './about'
 import { Appearance } from './appearance'
-import { Update } from './update'
 import { Reset } from './reset'
+import { Update } from './update'
 
 export const Settings = (): ReactElement => {
   const { t } = useTranslation()
@@ -64,9 +70,9 @@ export const Settings = (): ReactElement => {
         open={isModalOpen}
         width={820}
         footer={null}
-        destroyOnClose={true}
         styles={{ content: { padding: 0 } }}
         onCancel={closeModal}
+        destroyOnHidden
       >
         <div className="flex min-h-[500px] rounded-lg outline-1 outline-neutral-700">
           <div className="flex flex-col space-y-1 rounded-l-lg bg-neutral-800 px-2 py-5 sm:w-1/5 md:w-1/4">

desktop/src/renderer/src/components/menu/video/resolution.tsx

@@ -162,7 +162,7 @@ export const Resolution = (): ReactElement => {
         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">