Added donor number field

Author: jzongker

public/locales/en.json

@@ -592,6 +592,7 @@
       "merge": "Merge",
       "mobile": "Mobile",
       "nameNote": "Name Tag Notes",
+      "donorNumber": "Donor Number",
       "nickName": "Nickname",
       "persDet": "Personal Details",
       "upAddress": "You updated the address to",

public/locales/es.json

@@ -444,6 +444,7 @@
 			"merge": "Fusionar",
 			"mobile": "Móvil",
 			"nameNote": "Notas de Etiqueta de Nombre",
+			"donorNumber": "Número de Donante",
 			"nickName": "Apodo",
 			"persDet": "Detalles Personales",
 			"upAddress": "Actualizó la dirección a",

public/locales/fr.json

@@ -451,6 +451,7 @@
 			"merge": "Fusionner",
 			"mobile": "Mobile",
 			"nameNote": "Notes sur le nom",
+			"donorNumber": "Numéro de Donateur",
 			"nickName": "Surnom",
 			"persDet": "Détails personnels",
 			"upAddress": "Vous avez mis à jour l'adresse à",

src/people/components/PersonEdit.tsx

@@ -310,15 +310,13 @@ export const PersonEdit = memo((props: Props) => {
             </Grid>
           </Grid>
           <Grid container spacing={3}>
-            <Grid size={{ xs: 12, md: 6 }}>
+            <Grid size={{ xs: 12, md: 4 }}>
               <TextField fullWidth name="contactInfo.email" label={Locale.label("person.email")} type="email" id="email" value={person.contactInfo.email || ""} onChange={handleChange} data-testid="email-input" aria-label="Email address" />
             </Grid>
-            <Grid size={{ xs: 12, md: 6 }}>
+            <Grid size={{ xs: 12, md: 4 }}>
               <TextField inputProps={{ maxLength: 20 }} fullWidth name="nametagNotes" label={Locale.label("people.personEdit.nameNote")} id="nametagnotes" value={person.nametagNotes || ""} onChange={handleChange} />
             </Grid>
-          </Grid>
-          <Grid container spacing={3}>
-            <Grid size={{ xs: 12, md: 6 }}>
+            <Grid size={{ xs: 12, md: 4 }}>
               <TextField fullWidth name="donorNumber" label={Locale.label("people.personEdit.donorNumber")} id="donorNumber" value={person.donorNumber || ""} onChange={handleChange} data-testid="donor-number-input" aria-label="Donor number" />
             </Grid>
           </Grid>