✨ Closing #172

frontend/src/lib/practice/question.svelte

@@ -43,7 +43,7 @@
 </script>
 
 <div class="w-full px-6 lg:px-20 h-[80vh] absolute" in:fly={{ x: 100 }} out:fly={{ x: -100 }}>
-	<h1 class="text-3xl text-center">{question.question}</h1>
+	<h1 class="text-3xl text-center">{@html question.question}</h1>
 	{#if question.image !== null}
 		<div>
 			<img

frontend/src/lib/practice/title_screen.svelte

@@ -32,14 +32,14 @@
 				<p
 					class="p-3 rounded-lg border-gray-500 border text-center w-11/12 lg:w-1/3 text-lg font-semibold dark:bg-gray-500"
 				>
-					{data.title}
+					{@html data.title}
 				</p>
 			</div>
 			<div class="flex justify-center pt-10 w-full max-h-32">
 				<p
 					class="p-3 rounded-lg border-gray-500 border text-center w-11/12 lg:w-1/3 h-20 resize-none dark:bg-gray-500"
 				>
-					{data.description}
+					{@html data.description}
 				</p>
 			</div>