feat: integrate CustomHeader and CustomLogo into layout

- Add imports for CustomHeader and CustomLogo components
- Add headerRender function to render custom header
- Add logoRenderer function to render custom logo with collapsed state
- Components properly integrated into layout configuration

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/common/libs/umi/layoutConfig.tsx

@@ -2,6 +2,7 @@
 import { MyIcons, MyIconsType, PermissionsType, useMyState } from '@/common';
 import { Link, RuntimeConfig, history } from '@umijs/max';
 import AvatarProps from '../../components/layout/AvatarProps';
+import { CustomHeader, CustomLogo } from '@/common/components/layout';
 
 const loopMenu = (permissions: PermissionsType[] | undefined) => {
   let tree: PermissionsType[] = [];
@@ -38,6 +39,17 @@ export const LayoutConfig: RuntimeConfig['layout'] = () => {
     colorPrimary: '#1890ff',
     siderWidth: 220,
     pure: history.location.pathname === '/login',
+
+    // 新增：自定义Header渲染
+    headerRender: () => {
+      return <CustomHeader />;
+    },
+
+    // 新增：自定义Logo渲染
+    logoRenderer: (collapsed: boolean) => {
+      return <CustomLogo collapsed={collapsed} />;
+    },
+
     avatarProps: {
       render: () => <AvatarProps user={snap.session.user} />,
     },