Fix - fix markdown render in tools page (#1351)

* fix[tools]: fix markdown render in tools page

* fix[tools]: use StyledMarkdown instead of directly using library

Author: Karan-Palan

pages/tools/components/ToolingDetailModal.tsx

@@ -8,6 +8,7 @@ import toTitleCase from '../lib/toTitleCase';
 import Link from 'next/link';
 import Image from 'next/image';
 import Tag from './ui/Tag';
+import StyledMarkdown from '~/components/StyledMarkdown';
 
 export default function ToolingDetailModal({
   tool,
@@ -145,7 +146,7 @@ export default function ToolingDetailModal({
             {tool.toolingListingNotes && (
               <div className='break-inside-avoid mb-4'>
                 <h3 className='text-lg font-semibold'>Tooling Listing Notes</h3>
-                <p>{tool.toolingListingNotes}</p>
+                <StyledMarkdown markdown={tool.toolingListingNotes} />
               </div>
             )}