feat: sync rule management and review ui fixes

app/components/layout/Layout.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import type { MenuItem } from '~/api/auth/user-routes';
 import { Sidebar } from './Sidebar';
 // import { Header } from './Header';
 import { Breadcrumb } from './Breadcrumb';
@@ -10,6 +11,7 @@ interface LayoutProps {
   userRole?: UserRole;
   frontendJWT?: string;
   isMobile?: boolean;  // 是否为移动端设备（服务端通过 User-Agent 检测）
+  menuItems?: MenuItem[];
 }
 
 // 添加一个接口表示路由handle可能包含的属性
@@ -37,7 +39,7 @@ type RulesTestDetailData = {
   };
 };
 
-export function Layout({ children, userRole = 'developer' as UserRole, frontendJWT = '', isMobile = false }: LayoutProps) {
+export function Layout({ children, userRole = 'developer' as UserRole, frontendJWT = '', isMobile = false, menuItems = [] }: LayoutProps) {
   const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
   const [effectiveUserRole, setEffectiveUserRole] = useState<UserRole>(userRole);
   const [effectiveFrontendJWT, setEffectiveFrontendJWT] = useState<string>(frontendJWT);
@@ -153,6 +155,7 @@ export function Layout({ children, userRole = 'developer' as UserRole, frontendJ
         onToggle={toggleSidebar}
         userRole={effectiveUserRole}
         frontendJWT={effectiveFrontendJWT}
+        menuItems={menuItems}
       />
 
       {/* 规则详情页顶部栏 */}