♻️ refactor(admin): 统一使用App.useApp()获取message组件

- 在PermissionConfigModal.tsx中从App获取message组件
- 在Roles.tsx页面中从App获取message组件
- 移除直接导入的message组件，统一使用App上下文获取方式

src/client/admin/components/PermissionConfigModal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useCallback } from 'react';
-import { Modal, Tree, Spin, message } from 'antd';
+import { Modal, Tree, Spin, App } from 'antd';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { permissionClient, rolePermissionClient } from '@/client/api';
 import type { InferResponseType } from 'hono/client';
@@ -33,6 +33,7 @@ const PermissionConfigModal: React.FC<PermissionConfigModalProps> = ({
   onClose,
   onSuccess,
 }) => {
+  const { message } = App.useApp();
   const queryClient = useQueryClient();
   const [selectedPermissionIds, setSelectedPermissionIds] = useState<number[]>([]);
   const [expandedKeys, setExpandedKeys] = useState<string[]>([]);

src/client/admin/pages/Roles.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { Card, Table, Button, Modal, Form, Input, Space, Tag, message, Spin } from 'antd';
+import { Card, Table, Button, Modal, Form, Input, Space, Tag, App, Spin } from 'antd';
 import { EditOutlined, DeleteOutlined, PlusOutlined, KeyOutlined } from '@ant-design/icons';
 import { roleClient, rolePermissionClient } from '@/client/api';
 import PermissionConfigModal from '@/client/admin/components/PermissionConfigModal';
@@ -109,6 +109,7 @@ const useRolePermissionCount = (roleId: number) => {
 };
 
 const Roles: React.FC = () => {
+  const { message } = App.useApp();
   const queryClient = useQueryClient();
   const [modalVisible, setModalVisible] = useState(false);
   const [permissionModalVisible, setPermissionModalVisible] = useState(false);