Merge, do not push to develop yet, Listening.tsx is not updated

src/components/Exercises/Writing.tsx

@@ -5,6 +5,7 @@ import { Dialog, DialogPanel, Transition, TransitionChild } from "@headlessui/re
 import useExamStore, { usePersistentExamStore } from "@/stores/exam";
 import { CommonProps } from "./types";
 import { toast } from "react-toastify";
+import PracticeBadge from "../Low/PracticeBadge";
 
 const Writing: React.FC<WritingExercise & CommonProps> = ({
 	id,
@@ -145,6 +146,8 @@ const Writing: React.FC<WritingExercise & CommonProps> = ({
 					)}
 				</div>
 
+				{isPractice && <PracticeBadge className="w-fit self-end" />}
+
 				<div className="w-full h-full flex flex-col gap-4">
 					<span className="whitespace-pre-wrap">{suffix}</span>
 					<textarea