nullable fields

components/Onboarding.tsx

@@ -68,35 +68,38 @@ export function Onboarding({ onComplete }: Props) {
 
           <form onSubmit={handleSubmit} className="space-y-4">
             <div className="space-y-1">
-              <Label htmlFor="pi">PI first name</Label>
+              <Label htmlFor="pi">
+                PI first name <span className="text-muted-foreground font-normal">(optional)</span>
+              </Label>
               <Input
                 id="pi"
                 type="text"
                 value={piFirstName}
                 onChange={e => setPiFirstName(e.target.value)}
-                required
                 placeholder="e.g. Smith"
               />
             </div>
             <div className="space-y-1">
-              <Label htmlFor="bldg">Building code</Label>
+              <Label htmlFor="bldg">
+                Building code <span className="text-muted-foreground font-normal">(optional)</span>
+              </Label>
               <Input
                 id="bldg"
                 type="text"
                 value={bldgCode}
                 onChange={e => setBldgCode(e.target.value)}
-                required
                 placeholder="e.g. EER"
               />
             </div>
             <div className="space-y-1">
-              <Label htmlFor="lab">Lab</Label>
+              <Label htmlFor="lab">
+                Lab <span className="text-muted-foreground font-normal">(optional)</span>
+              </Label>
               <Input
                 id="lab"
                 type="text"
                 value={lab}
                 onChange={e => setLab(e.target.value)}
-                required
                 placeholder="e.g. 3.822"
               />
             </div>