Fix roster label bug

src/ui/person/modals/PersonSelectorModal.tsx

@@ -64,7 +64,7 @@ export default function PersonSelectorModal({
 		<RaidBuilderModal
 			display={display}
 			close={close}
-			modalHeader="Select Raid Layout"
+			modalHeader="Select Roster"
 			modalBody={
 				<div
 					className="flex flex-col items-center justify-center w-full gap-y-8"
@@ -90,7 +90,7 @@ export default function PersonSelectorModal({
 									className="flex flex-row"
 								>
 									<input
-										id={`personModal${modalId}`}
+										id={`personModal${person.personId?.replaceAll("-", "")}${modalId}`}
 										type="checkbox"
 										name="personId"
 										value={person.personId}
@@ -100,7 +100,7 @@ export default function PersonSelectorModal({
 									/>
 									<label
 										className="ml-2"
-										htmlFor={`personModal${modalId}`}
+										htmlFor={`personModal${person.personId?.replaceAll("-", "")}${modalId}`}
 									>
 										{person.personName}
 									</label>