chore(frontend): fix console errors

Author: stampaaaron

apps/frontend/src/components/questionnaire/PeriodForm.tsx

@@ -27,7 +27,7 @@ export const messages = i18n("periodForm", {
 });
 
 export function PeriodForm({ onSave, actionLabel }: PeriodFormProps) {
-  const f = useForm<FormValues>({});
+  const f = useForm<FormValues>({ mode: "uncontrolled" });
   const t = useStore(messages);
 
   return (

apps/frontend/src/routes/_auth/questionnaire/_questionnaire/participant.tsx

@@ -30,16 +30,18 @@ function QuestionnaireParticipant() {
       <h3>{t.title}</h3>
       <Stack>
         <Table>
-          <Table.Tr>
-            <Table.Th>{t.participantLabel}</Table.Th>
-            <Table.Td>{questionnaire?.participant.id}</Table.Td>
-            <Table.Td>{birthday ? time(new Date(birthday)) : <i>{t.birthdateMissing}</i>}</Table.Td>
-          </Table.Tr>
-          <Table.Tr>
-            <Table.Th>{t.studyLabel}</Table.Th>
-            <Table.Td>{questionnaire?.study.id}</Table.Td>
-            <Table.Td>{questionnaire?.study.title}</Table.Td>
-          </Table.Tr>
+          <Table.Tbody>
+            <Table.Tr>
+              <Table.Th>{t.participantLabel}</Table.Th>
+              <Table.Td>{questionnaire?.participant.id}</Table.Td>
+              <Table.Td>{birthday ? time(new Date(birthday)) : <i>{t.birthdateMissing}</i>}</Table.Td>
+            </Table.Tr>
+            <Table.Tr>
+              <Table.Th>{t.studyLabel}</Table.Th>
+              <Table.Td>{questionnaire?.study.id}</Table.Td>
+              <Table.Td>{questionnaire?.study.title}</Table.Td>
+            </Table.Tr>
+          </Table.Tbody>
         </Table>
         <form onSubmit={handleSubmit}>
           <Button type="submit">{t.formAction}</Button>

apps/frontend/src/routes/_auth/questionnaire/index.tsx

@@ -23,7 +23,7 @@ function Questionnaire() {
 
   const t = useStore(messages);
 
-  const f = useForm<FormValues>();
+  const f = useForm<FormValues>({ mode: "uncontrolled" });
 
   const validateParticipantMutation = $api.useMutation("get", "/participants/{id}", {
     onError(error) {