feat(test): add functionality for drill, hard test module testing

src/components/ChoiceCard.tsx

@@ -0,0 +1,34 @@
+import { Badge } from "./ui/badge";
+
+export const ChoiceCard = ({
+  label,
+  selected,
+  subLabel,
+  section,
+  onClick,
+}: {
+  label: string;
+  selected?: boolean;
+  subLabel?: string;
+  section?: string;
+  onClick: () => void;
+}) => (
+  <button
+    onClick={onClick}
+    className={`rounded-2xl border p-4 text-left transition flex flex-col
+      ${selected ? "border-purple-600 bg-purple-50" : "hover:border-gray-300"}`}
+  >
+    <div className="flex justify-between">
+      <span className="font-satoshi-bold text-lg">{label}</span>
+      {section && (
+        <Badge
+          variant={"secondary"}
+          className={`font-satoshi text-sm ${section === "EBRW" ? "bg-blue-400 text-blue-100" : "bg-red-400 text-red-100"}`}
+        >
+          {section}
+        </Badge>
+      )}
+    </div>
+    {subLabel && <span className="font-satoshi text-md">{subLabel}</span>}
+  </button>
+);