use jsx instead of string for better readability

src/events/components/Attendance/AttendButton.tsx

@@ -14,13 +14,21 @@ interface IAttendButtonProps {
   cannotUnattend?: boolean;
 }
 
-const FAILED_CAPTCHA_ERROR_TEXT = `Kunne ikke verifisere at du ikke er en bot. 
-
-Dette kan du prøve:
-1. Prøv å laste siden på nytt.
-2. Prøv en annen nettleser.
-3. Hvis du fortsatt får feil, så send en e-post til [email protected] så vi melder deg på manuelt. Vi setter pris på om du kan oppgi hvilken nettleser og operativsystem du bruker for å kunne skjønne bedre hva som går galt.`;
-
+const FAILED_CAPTCHA_ERROR_TEXT = (
+  <>
+    Kunne ikke verifisere at du ikke er en bot.
+    <br /><br />
+    Dette kan du prøve:
+    <ul>
+      <li>Prøv å laste siden på nytt.</li>
+      <li>Prøv en annen nettleser.</li>
+      <li>
+        Hvis du fortsatt får feil, så send en e-post til [email protected] så vi melder deg på manuelt. 
+        Vi setter pris på om du kan oppgi hvilken nettleser og operativsystem du bruker for å kunne skjønne bedre hva som går galt.
+      </li>
+    </ul>
+  </>
+);
 const AttendButton: FC<IAttendButtonProps> = (props: IAttendButtonProps) => {
   const dispatch = useDispatch();
   const { eventId, isEventFull } = props;

src/events/components/Attendance/CaptchaModal.tsx

@@ -9,12 +9,12 @@ interface ICaptchaModalProps {
   text?: string;
   toggleModal: () => void;
   setCaptcha: (token: string | null) => void;
-  errorText?: string;
+  errorText?: React.ReactNode | string;
 }
 
 const CaptchaModal: FC<ICaptchaModalProps> = (props: ICaptchaModalProps) => {
   const { showModal, toggleModal, setCaptcha, header, text, errorText } = props;
-  const [showErrorText, setShowErrorText] = useState(false);
+  const [showErrorText, setShowErrorText] = useState(true);
 
   const validCaptcha = (token: string | null) => {
     if (token) {