fix: fix site style (#40539)

components/mentions/demo/async.md

@@ -4,7 +4,7 @@
 
 ## en-US
 
-async
+async.
 
 <style>
 .antd-demo-dynamic-option img {

components/mentions/index.en-US.md

@@ -13,25 +13,9 @@ Mention component.
 
 When you need to mention someone or something.
 
-## Examples
-
-<!-- prettier-ignore -->
-<code src="./demo/basic.tsx">Basic</code>
-<code src="./demo/async.tsx">Asynchronous loading</code>
-<code src="./demo/form.tsx">With Form</code>
-<code src="./demo/prefix.tsx">Customize Trigger Token</code>
-<code src="./demo/readonly.tsx">disabled or readOnly</code>
-<code src="./demo/placement.tsx">Placement</code>
-<code src="./demo/autoSize.tsx">autoSize</code>
-<code src="./demo/status.tsx">Status</code>
-<code src="./demo/render-panel.tsx" debug>_InternalPanelDoNotUseOrYouWillBeFired</code>
-
 ### Usage upgrade after 5.1.0
 
-```__react
-import Alert from '../alert';
-ReactDOM.render(<Alert message="After version 5.1.0, we provide a simpler usage <Mentions options={[...]} />  with better performance and potential of writing simpler code style in your applications. Meanwhile, we deprecated the old usage in browser console, we will remove it in antd 6.0." />, mountNode);
-```
+<Alert message="After version 5.1.0, we provide a simpler usage &lt;Mentions options={[...]} /&gt;  with better performance and potential of writing simpler code style in your applications. Meanwhile, we deprecated the old usage in browser console, we will remove it in antd 6.0." />;
 
 ```jsx
 // works when >=5.1.0, recommended ✅
@@ -44,6 +28,19 @@ return <Mentions options={options} />;
 </Mentions>;
 ```
 
+## Examples
+
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx">Basic</code>
+<code src="./demo/async.tsx">Asynchronous loading</code>
+<code src="./demo/form.tsx">With Form</code>
+<code src="./demo/prefix.tsx">Customize Trigger Token</code>
+<code src="./demo/readonly.tsx">disabled or readOnly</code>
+<code src="./demo/placement.tsx">Placement</code>
+<code src="./demo/autoSize.tsx">autoSize</code>
+<code src="./demo/status.tsx">Status</code>
+<code src="./demo/render-panel.tsx" debug>_InternalPanelDoNotUseOrYouWillBeFired</code>
+
 ## API
 
 ### Mention

components/mentions/index.zh-CN.md

@@ -14,25 +14,9 @@ demo:
 
 用于在输入中提及某人或某事，常用于发布、聊天或评论功能。
 
-## 代码演示
-
-<!-- prettier-ignore -->
-<code src="./demo/basic.tsx">基本使用</code>
-<code src="./demo/async.tsx">异步加载</code>
-<code src="./demo/form.tsx">配合 Form 使用</code>
-<code src="./demo/prefix.tsx">自定义触发字符</code>
-<code src="./demo/readonly.tsx">无效或只读</code>
-<code src="./demo/placement.tsx">向上展开</code>
-<code src="./demo/autoSize.tsx">自动大小</code>
-<code src="./demo/status.tsx">自定义状态</code>
-<code src="./demo/render-panel.tsx" debug>_InternalPanelDoNotUseOrYouWillBeFired</code>
-
 ### 5.1.0 用法升级
 
-```__react
-import Alert from '../alert';
-ReactDOM.render(<Alert message="在 5.1.0 版本后，我们提供了 <Mentions options={[...]} /> 的简写方式，有更好的性能和更方便的数据组织方式，开发者不再需要自行拼接 JSX。同时我们废弃了原先的写法，你还是可以在 5.x 继续使用，但会在控制台看到警告，并会在 6.0 后移除。" />, mountNode);
-```
+<Alert message="在 5.1.0 版本后，我们提供了 &lt;Mentions options={[...]} /&gt; 的简写方式，有更好的性能和更方便的数据组织方式，开发者不再需要自行拼接 JSX。同时我们废弃了原先的写法，你还是可以在 5.x 继续使用，但会在控制台看到警告，并会在 6.0 后移除。" />;
 
 ```jsx
 // >=5.1.0 可用，推荐的写法 ✅
@@ -45,6 +29,19 @@ return <Mentions options={options} />;
 </Mentions>;
 ```
 
+## 代码演示
+
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx">基本使用</code>
+<code src="./demo/async.tsx">异步加载</code>
+<code src="./demo/form.tsx">配合 Form 使用</code>
+<code src="./demo/prefix.tsx">自定义触发字符</code>
+<code src="./demo/readonly.tsx">无效或只读</code>
+<code src="./demo/placement.tsx">向上展开</code>
+<code src="./demo/autoSize.tsx">自动大小</code>
+<code src="./demo/status.tsx">自定义状态</code>
+<code src="./demo/render-panel.tsx" debug>_InternalPanelDoNotUseOrYouWillBeFired</code>
+
 ## API
 
 ### Mentions