fix: align permission navigation and page access

apps/admin/src/components/PermissionRoute.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { Result } from 'antd';
+import { Result, Button } from 'antd';
+import { useNavigate } from 'react-router-dom';
+import { findFirstAccessiblePath } from '../auth/permission-navigation';
 import { usePermission } from '../hooks/usePermission';
 
 interface PermissionRouteProps {
@@ -8,9 +10,18 @@ interface PermissionRouteProps {
 }
 
 const PermissionRoute: React.FC<PermissionRouteProps> = ({ permission, children }) => {
-  const { hasPermission } = usePermission();
+  const { permissions, hasPermission } = usePermission();
+  const navigate = useNavigate();
   if (!hasPermission(permission)) {
-    return <Result status="403" title="无权访问" subTitle="您没有访问此页面的权限" />;
+    const firstPath = findFirstAccessiblePath(permissions);
+    return (
+      <Result
+        status="403"
+        title="无权访问"
+        subTitle="您没有访问此页面的权限"
+        extra={firstPath ? <Button type="primary" onClick={() => navigate(firstPath, { replace: true })}>前往可访问页面</Button> : undefined}
+      />
+    );
   }
   return <>{children}</>;
 };