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

src/components/Exercises/TrueFalse.tsx

@@ -3,6 +3,7 @@ import clsx from "clsx";
 import { Fragment, useCallback, useEffect, useState } from "react";
 import { CommonProps } from "./types";
 import Button from "../Low/Button";
+import PracticeBadge from "../Low/PracticeBadge";
 
 const TrueFalse: React.FC<TrueFalseExercise & CommonProps> = ({
 	id,
@@ -80,6 +81,7 @@ const TrueFalse: React.FC<TrueFalseExercise & CommonProps> = ({
 					</div>
 				</div>
 				<span className="text-sm w-full leading-6">You can click a selected option again to deselect it.</span>
+				{isPractice && <PracticeBadge className="w-fit self-end" />}
 				<div className="bg-mti-gray-smoke rounded-xl px-5 py-6 flex flex-col gap-8">
 					{questions.map((question, index) => {
 						const id = question.id.toString();