[Docs Site] Bump react-markdown from 9.0.3 to 10.0.1 (#20498)

* [Docs Site] Bump react-markdown from 9.0.3 to 10.0.1

Bumps [react-markdown](https://github.com/remarkjs/react-markdown) from 9.0.3 to 10.0.1.
- [Release notes](https://github.com/remarkjs/react-markdown/releases)
- [Changelog](https://github.com/remarkjs/react-markdown/blob/main/changelog.md)
- [Commits](remarkjs/react-markdown@9.0.3...10.0.1)

---
updated-dependencies:
- dependency-name: react-markdown
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* fix error

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Kian Newman-Hazel <[email protected]>

Author: dependabot[bot]

package-lock.json

@@ -87,7 +87,7 @@
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"react-icons": "5.5.0",
-		"react-markdown": "9.0.3",
+		"react-markdown": "10.0.1",
 		"redirects-in-workers": "0.0.5",
 		"rehype": "13.0.2",
 		"rehype-autolink-headings": "7.1.0",

package.json

@@ -142,14 +142,11 @@ const FieldCatalog = ({ fields }: { fields: Fields }) => {
 									{field.name}
 								</span>
 							</div>
-							<Markdown
-								className="!mt-2 line-clamp-2 text-sm leading-6"
-								disallowedElements={["a"]}
-								unwrapDisallowed={true}
-							>
-								{field.summary}
-							</Markdown>
-
+							<div className="!mt-2 line-clamp-2 text-sm leading-6">
+								<Markdown disallowedElements={["a"]} unwrapDisallowed={true}>
+									{field.summary}
+								</Markdown>
+							</div>
 							{field.plan_info_label && (
 								<div className="!mt-2 text-xs">
 									<FieldBadges badges={[field.plan_info_label]} />

src/components/FieldCatalog.tsx

@@ -167,13 +167,11 @@ const LearningPathCatalog = ({
 								{path.video && <span className="sl-badge tip">Video</span>}
 							</div>
 							<p className="!mt-3 font-semibold">{path.title}</p>
-							<Markdown
-								className="leading-2 !mt-1 text-sm"
-								disallowedElements={["a"]}
-								unwrapDisallowed={true}
-							>
-								{path.description}
-							</Markdown>
+							<div className="leading-2 !mt-1 text-sm">
+								<Markdown disallowedElements={["a"]} unwrapDisallowed={true}>
+									{path.description}
+								</Markdown>
+							</div>
 						</a>
 					);
 				})}