Created a simple Practice Badge to showcase when an exercise is a practice exercise

src/components/Exercises/Writing.tsx

@@ -6,6 +6,7 @@ import { toast } from "react-toastify";
 import Button from "../Low/Button";
 import { Dialog, Transition } from "@headlessui/react";
 import useExamStore from "@/stores/examStore";
+import PracticeBadge from "../Low/PracticeBadge";
 
 export default function Writing({
 	id,
@@ -159,6 +160,8 @@ export default function Writing({
 					)}
 				</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