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

src/components/Exercises/WriteBlanks/index.tsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useState } from "react";
 import reactStringReplace from "react-string-replace";
 import { CommonProps } from "../types";
 import Blank from "./Blank";
+import PracticeBadge from "../../Low/PracticeBadge";
 
 const WriteBlanks: React.FC<WriteBlanksExercise & CommonProps> = ({
 	id,
@@ -63,7 +64,7 @@ const WriteBlanks: React.FC<WriteBlanksExercise & CommonProps> = ({
 	};
 
 	return (
-		<div className="flex flex-col gap-4">
+		<div className="flex flex-col gap-4 relative">
 			{headerButtons}
 			<div className={clsx("flex flex-col gap-4 mt-4 h-full w-full", (!headerButtons && !footerButtons) && "mb-20")}>
 				<span className="text-sm w-full leading-6">
@@ -74,6 +75,7 @@ const WriteBlanks: React.FC<WriteBlanksExercise & CommonProps> = ({
 						</span>
 					))}
 				</span>
+				{isPractice && <PracticeBadge className="w-fit self-end" />}
 				<span className="bg-mti-gray-smoke rounded-xl px-5 py-6">
 					{text.split("\\n").map((line, index) => (
 						<p key={index}>