🧐[问题] RTL Direction

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🧐 问题描述
the sidebar menu RTL does not change how can RTL direction for pro layout. I used this:
```

....

```

but not work this component just work as children of ProLayout like this:

```

....

```

### 💻 示例代码
https://codesandbox.io/s/ji-chu-shi-yong-forked-qfopbi?file=/App.tsx

### 🚑 其他信息
```
"dependencies": {
"@ant-design/icons": "^4.7.0",
"@ant-design/pro-components": "^2.3.29",
"@babel/core": "^7.20.2",
"@emotion/css": "^11.10.5",
"antd": "^4.24.1",
"less": "^4.1.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.0.24",
"@types/react-dom": "^18.0.8",
"@vitejs/plugin-react": "^2.2.0",
"typescript": "^4.6.4",
"vite": "^3.2.3"
}
```

Start with the linked CodeSandbox and reproduce the sidebar RTL behavior using the ProLayout and ConfigProvider usage shown in the report. Trace the relevant ProLayout entry point and compare the behavior with the listed React, TypeScript, and Ant Design dependencies. Done means the sidebar menu correctly follows RTL direction in the supported configuration.

Written by the indexing model from the issue text.