Fix homepage hydration mismatch

Author: ruibaby

docs/index.mdx

@@ -31,10 +31,10 @@ import { CopyButton } from "../theme/components/CopyButton";
   <header className="docs-hero">
     <div className="docs-hero__intro">
       <h1><span translate="no">Halo</span> 文档</h1>
-      <p>
+      <div className="docs-hero__description">
         Halo 是一款强大易用的开源建站工具，可以通过丰富的主题和插件搭建任何类型的网站。这里汇集了安装、使用和开发
         Halo 所需的全部文档。
-      </p>
+      </div>
       <Link className="docs-hero__cta docs-hero__cta--primary" to={{pathname: '/guide/install/'}}>
         快速开始 <span aria-hidden="true">→</span>
       </Link>

styles/index.scss

@@ -50,7 +50,7 @@
   text-wrap: balance;
 }
 
-.docs-hero__intro > p {
+.docs-hero__description {
   max-width: 32em;
   margin: 30px 0 30px;
   color: var(--rp-c-text-2);
@@ -858,7 +858,7 @@
     font-size: 34px;
   }
 
-  .docs-hero__intro > p {
+  .docs-hero__description {
     margin-bottom: 24px;
     font-size: 15px;
   }