Fix nested anchor tags in Markdown

Author: KianNH

package-lock.json

@@ -76,6 +76,7 @@
 		"puppeteer": "^24.0.0",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
+		"react-markdown": "^9.0.3",
 		"react-textarea-autosize": "^8.5.7",
 		"redirects-in-workers": "^0.0.5",
 		"rehype-autolink-headings": "^7.1.0",

package.json

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import FieldBadges from "./fields/FieldBadges";
-import { marked } from "marked";
+import Markdown from "react-markdown";
 
 const FieldCatalog = ({ fields }) => {
 	const [filters, setFilters] = useState({
@@ -116,12 +116,13 @@ const FieldCatalog = ({ fields }) => {
 									{field.name}
 								</span>
 							</div>
-							<p
+							<Markdown
 								className="!mt-2 line-clamp-2 text-sm leading-6"
-								dangerouslySetInnerHTML={{
-									__html: marked.parseInline(field.summary),
-								}}
-							/>
+								disallowedElements={["a"]}
+								unwrapDisallowed={true}
+							>
+								{field.summary}
+							</Markdown>
 
 							{field.plan_info_label && (
 								<div className="!mt-2 text-xs">