feat: add markdown for description in about section

src/app/(home)/_components/About.tsx

@@ -1,24 +1,25 @@
 'use client';
 
 import { ReactElement } from 'react';
+import Markdown from 'react-markdown';
 import { useTranslation } from '@/app/_translation';
 import { HomeTranslation } from '../homeTranslation';
 
 export const About = (): ReactElement => {
-  const { about }: HomeTranslation = useTranslation();
+  const { about: i18n }: HomeTranslation = useTranslation();
 
   return (
     <div className='container'>
       <div className='row'>
         <div className='col-lg-6 col-12'></div>
         <div className='col-lg-6 col-12'>
           <h2>
-            <small>{about.subtitle}</small> {about.title}
+            <small>{i18n.subtitle}</small> {i18n.title}
           </h2>
-          <p className='lead my-4'>{about.description}</p>
+          <Markdown className='lead my-4'>{i18n.description}</Markdown>
           <div className='d-sm-block d-grid'>
             <button className='btn btn-outline-primary btn-lg' disabled>
-              {about.learnMore}
+              {i18n.learnMore}
             </button>
           </div>
         </div>