feat: add ParticipantListEntry component and integrate draft into event form

src/components/custom-ui/participantListEntry.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+type ParticipantListEntryProps = {
+  participant: string;
+  checked?: boolean;
+  onCheck?: (checked: boolean) => void;
+};
+
+export default function ParticipantListEntry({
+  participant,
+  checked = false,
+  onCheck,
+}: ParticipantListEntryProps) {
+  return (
+    <div className='flex items-center gap-2 py-1 ml-5'>
+      <input
+        type='checkbox'
+        checked={checked}
+        onChange={(e) => onCheck?.(e.target.checked)}
+        className='accent-primary cursor-pointer'
+      />
+      <span>{participant}</span>
+    </div>
+  );
+}