docs: Fix landing page

site/theme/template/Home/Banner.jsx

@@ -5,7 +5,8 @@ import ScrollParallax from 'rc-scroll-anim/lib/ScrollParallax';
 import { Link } from 'bisheng/router';
 import { FormattedMessage, useIntl } from 'react-intl';
 import GitHubButton from 'react-github-button';
-import { Button, Divider, Icon } from 'antd';
+import { Button, Divider } from 'antd';
+import { Right } from '@ant-design/icons';
 import BannerImage from './BannerImage';
 import * as utils from '../utils';
 
@@ -103,7 +104,7 @@ const Banner = ({ isMobile }) => {
                 alt="yuque logo"
               />
               <FormattedMessage id="app.home.recommend.yuque" />
-              <Icon type="right" style={{ marginLeft: 6, fontSize: 12, opacity: 0.6 }} />
+              <Right style={{ marginLeft: 6, fontSize: 12, opacity: 0.6 }} />
             </a>
           </div>
         </QueueAnim>