refactor: avoid to use some deprecated properities

src/components/ImageModal.tsx

@@ -125,10 +125,12 @@ const ImageModal: React.FC<ImageModalProps> = ({ visible, imageUrl, onClose }) =
       closable={false}
       width={isMobile ? '100vw' : '66vw'}
       style={modalStyle}
-      bodyStyle={modalBodyStyle}
+      styles={{
+        body: modalBodyStyle,
+        mask: { backgroundColor: 'rgba(0, 0, 0, 0.8)' },
+      }}
       centered={true} // 移动端和PC端都居中显示
-      destroyOnClose
-      maskStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.8)' }}
+      destroyOnHidden
       wrapClassName={isMobile ? 'mobile-image-modal' : 'desktop-image-modal'}
     >
       {/* 自定义关闭按钮 */}

src/components/ResourceList.tsx

@@ -1063,7 +1063,7 @@ const ResourceList: React.FC<Props> = ({ inputOpen = false, onCloseInput, contai
               }
             }
           }}
-          destroyOnClose
+          destroyOnHidden
           okText="确认"
           cancelText="取消"
         >

src/main.tsx

@@ -8,7 +8,12 @@ import App from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <BrowserRouter>
+    <BrowserRouter
+      future={{
+        v7_relativeSplatPath: true,
+        v7_startTransition: true,
+      }}
+    >
       <App />
     </BrowserRouter>
   </StrictMode>,