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

…wn correctly (#1220)

* fix: make description, location, and protection fields display markdown correctly

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

@@ -1,24 +1,24 @@
 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>
         </>
       )}
     </>

src/components/maps/GlobalMap.tsx

@@ -63,6 +63,9 @@ export const GlobalMap: React.FC<GlobalMapProps> = ({
     crags: true
   })
 
+  console.log('mapinstance', mapInstance);
+
+
   const setActiveFeatureVisual = (feature: ActiveFeature | null, fState: FeatureState): void => {
     if (feature == null || mapInstance == null) return
     mapInstance.setFeatureState({