Switch titles to dangerously set innerhtml

components/ListArticleDisplay.tsx

@@ -19,13 +19,12 @@ export default function ListArticleDisplay(props: {
 						<div className={styles.item_left}>
 							<p className={styles.department + " discrete-link"}>
 								<Link
-									href={`/department/${
-										DepartmentsArray[article.section_id]
-									}`}
+									href={`/department/${DepartmentsArray[article.section_id]
+										}`}
 								>
 									{
 										DepartmentsArrayDisplay[
-											article.section_id
+										article.section_id
 										]
 									}
 								</Link>
@@ -34,8 +33,8 @@ export default function ListArticleDisplay(props: {
 								<Link
 									href={"/article/" + article.slug}
 									className="discrete-link"
+									dangerouslySetInnerHTML={{ __html: article.title }}
 								>
-									{article.title}
 								</Link>
 							</h2>
 							<div className={styles.authors}>

components/MixedArticleDisplay.tsx

@@ -54,8 +54,7 @@ function CenterArticle(props: {
 				<></>
 			)}
 			<Link passHref href={"/article/" + article.slug}>
-				<h2 id={styles.title} className="discrete-link">
-					{article.title}
+				<h2 id={styles.title} className="discrete-link" dangerouslySetInnerHTML={{ __html: article.title }}>
 				</h2>
 			</Link>
 			<p

pages/article/[article_slug].tsx

@@ -106,7 +106,7 @@ function Article(props: Props) {
 							{DepartmentsArrayDisplay[section_id]}
 						</Link>
 					</p>
-					<h1 id={styles.title}>{title}</h1>
+					<h1 id={styles.title} dangerouslySetInnerHTML={{ __html: title }}></h1>
 					<h2 id={styles.summary}>{summary}</h2>
 					<h3 id={styles.reading_time}>
 						{generateApproxReadingTime()}