fix: make description, location, and protection fields display markdo…

…wn correctly

src/app/(default)/climb/[[...slug]]/components/ContentBlock.tsx

@@ -1,24 +1,25 @@
 import { Climb } from '@/js/types'
+import Markdown from 'react-markdown'
 
 export const ContentBlock: React.FC<Pick<Climb, 'content'>> = ({ content: { description, location, protection } }) => {
   return (
     <>
       <div className='mb-3 flex justify-between items-center'>
         <h3>Description</h3>
       </div>
-      {description}
-
+      <Markdown className='wiki-content'>{description}</Markdown>
       {(location?.trim() !== '') && (
         <>
           <h3 className='mb-3 mt-6'>Location</h3>
-          {location}
+          <Markdown className='wiki-content'>{location}</Markdown>
+
         </>
       )}
 
       {(protection?.trim() !== '') && (
         <>
           <h3 className='mb-3 mt-6'>Protection</h3>
-          {protection}
+          <Markdown className='wiki-content'>{protection}</Markdown>
         </>
       )}
     </>