Merge pull request #466 from isaacphysics/hotfix/latex-in-gameboard-next-question-links

Render LaTeX in question navigation links with `TrustedHtml`

Author: bh412

src/app/components/elements/NavigationLinks.tsx

@@ -1,25 +1,26 @@
 import React from "react";
 import {PageNavigation} from "../../services/navigation";
 import {Link} from "react-router-dom";
+import {TrustedHtml} from "./TrustedHtml";
 
 export const NavigationLinks = ({navigation}: {navigation: PageNavigation}) => {
     const backToCollectionLink = navigation.backToCollection && <div className="w-50 w-md-auto mb-4">
         <Link to={navigation.backToCollection.to}>
             <div className="isaac-nav-link text-decoration-none">{navigation.collectionType}:</div>
-            <div className="isaac-nav-link a-alt d-block lrg-text text-dark font-weight-bold">{navigation.backToCollection.title}</div>
+            <div className="isaac-nav-link a-alt d-block lrg-text text-dark font-weight-bold"><TrustedHtml html={navigation.backToCollection.title}/></div>
         </Link>
     </div>;
 
     const nextItemLink = navigation.nextItem && <div className="w-50 w-md-auto text-right mb-4">
         <Link to={{pathname: navigation.nextItem.to, search: navigation.queryParams}}>
-            <div className="isaac-nav-link float-right a-alt lrg-text font-weight-bold">{navigation.nextItem.title}</div>
+            <div className="isaac-nav-link float-right a-alt lrg-text font-weight-bold"><TrustedHtml html={navigation.nextItem.title}/></div>
             <div className="isaac-nav-link float-right next-link">Next</div>
         </Link>
     </div>;
 
     const previousItemLink = navigation.previousItem && <div className="w-50 w-md-auto text-left mb-4">
         <Link to={{pathname: navigation.previousItem.to, search: navigation.queryParams}}>
-            <div className="isaac-nav-link float-left a-alt lrg-text font-weight-bold">{navigation.previousItem.title}</div>
+            <div className="isaac-nav-link float-left a-alt lrg-text font-weight-bold"><TrustedHtml html={navigation.previousItem.title}/></div>
             <div className="isaac-nav-link float-left previous-link">Previous</div>
         </Link>
     </div>;