🧐[问题]ProLayout菜单模式是side的时候，avatarProps、actionsRender如何渲染到右上角

代码：
```
import {
CrownOutlined,
InfoCircleOutlined,
MergeCellsOutlined,
QuestionCircleOutlined,
TabletOutlined,
UserOutlined,
} from '@ant-design/icons';
import { PageContainer, ProCard, ProLayout, ProBreadcrumb } from '@ant-design/pro-components';
import { Button, Result } from 'antd';
import { useState } from 'react';
import type { ProSettings } from '@ant-design/pro-components';
import defaultProps from './_defaultProps';

export default () => {
const settings: ProSettings | undefined = {
fixSiderbar: true,
layout: 'side',
// splitMenus: true,
};
const [collapsed, setCollapsed] = useState(true);
const [pathname, setPathname] = useState('/welcome');
return (
}
// breadcrumbRender={(routers = []) => [
// ...routers,
// ]}
waterMarkProps={{
content: 'Pro Layout',
}}
avatarProps={{
icon: ,
size: 'small',
title: '七妮妮',
}}
actionsRender={() => [
,
,
,
]}
menuItemRender={(item, dom) => (
{
setPathname(item.path || '/welcome');
}}
>
{dom}

)}
{...settings}
>

);
};

```

希望效果

Start at the ProLayout entry point using the provided side-layout example, then trace how avatarProps and actionsRender are placed. Compare the current rendering with the attached desired image and determine the supported way to place both in the upper-right area. Done means the example renders those controls there without changing the side menu behavior.

Written by the indexing model from the issue text.