feat(website): add markdown content styling to home page

Author: duanwilliam

website/src/pages/index.tsx

@@ -14,6 +14,7 @@ import s from '@/sections/index/styles.module.scss'
 
 import type { GetStaticProps, NextPage } from 'next'
 import type { WithSidebar } from '@/layout/pages/types'
+import MarkdownWrapper from '@/layout/components/MarkdownWrapper'
 
 interface HomePageProps extends WithSidebar {}
 
@@ -27,9 +28,11 @@ const Home: NextPage<HomePageProps> = ({ sidebar }) => {
         <SidebarContainer><Sidebar items={sidebar} activePath="" /></SidebarContainer>
         <ContentWrapper>
           <ContentContainer>
-            <h1>ACM AI Wiki</h1>
-            <p>Welcome to the ACM AI Wiki!</p>
-            <p>The ACM AI wiki serves as a central repository for various resources produced by ACM AI.</p>
+            <MarkdownWrapper>
+              <h1>ACM AI Wiki</h1>
+              <p>Welcome to the ACM AI Wiki!</p>
+              <p>The ACM AI wiki serves as a central repository for various resources produced by ACM AI.</p>
+            </MarkdownWrapper>
           </ContentContainer>
         </ContentWrapper>
       </MainWrapper>