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

src/components/Low/PracticeBadge.tsx

@@ -0,0 +1,11 @@
+import { clsx } from "clsx"
+
+interface Props {
+	className?: string
+}
+
+export default function PracticeBadge({ className }: Props) {
+	return (
+		<div className={clsx("bg-mti-purple/20 px-2 py-1 rounded-full text-sm ring-1 ring-mti-purple", className)}>Practice Exercise</div>
+	)
+}