Fill Blanks changes

src/components/Exercises/MultipleChoice.tsx

@@ -14,22 +14,32 @@ function Question({
 	options,
 	userSolution,
 	onSelectOption,
-}: MultipleChoiceQuestion & {userSolution: string | undefined; onSelectOption?: (option: string) => void; showSolution?: boolean}) {
+	setContextHighlight
+}: MultipleChoiceQuestion & {
+	userSolution: string | undefined; 
+	onSelectOption?: (option: string) => void; 
+	showSolution?: boolean,
+	setContextHighlight?: React.Dispatch<React.SetStateAction<string[]>>
+}) {
+
+	/* 
 	const renderPrompt = (prompt: string) => {
 		return reactStringReplace(prompt, /((<u>)[\w\s']+(<\/u>))/g, (match) => {
 			const word = match.replaceAll("<u>", "").replaceAll("</u>", "");
 			return word.length > 0 ? <u>{word}</u> : null;
 		});
 	};
+	*/
 
 	return (
+		// {renderPrompt(prompt).filter((x) => x?.toString() !== "<u>")} 
 		<div className="flex flex-col gap-10">
 			{isNaN(Number(id)) ? (
-				<span>{renderPrompt(prompt).filter((x) => x?.toString() !== "<u>")} </span>
+				<span dangerouslySetInnerHTML={{__html: prompt}} />
 			) : (
 				<span className="">
 					<>
-						{id} - <span>{renderPrompt(prompt).filter((x) => x?.toString() !== "<u>")} </span>
+						{id} - <span dangerouslySetInnerHTML={{__html: prompt}} />
 					</>
 				</span>
 			)}