improve client a bit

components/reason.js

@@ -1,5 +1,6 @@
 import { useContext } from 'react'
 import { WizardContext, ACTIONS } from '../context/wizardStore'
+import Required from './required'
 
 import Form from 'react-bootstrap/Form'
 
@@ -11,13 +12,16 @@ export default function Contact() {
   return (
     <>
       <Form.Group>
-        <Form.Label>Zweck der Fahrt</Form.Label>
+        <Form.Label>
+          Zweck der Fahrt <Required />
+        </Form.Label>
         <Form.Control
           type="text"
           name="purpose"
           placeholder="Zweck der Fahrt"
           value={purpose}
           onChange={onChangeEvent}
+          required
         />
       </Form.Group>
       <Form.Group>
@@ -31,13 +35,16 @@ export default function Contact() {
         />
       </Form.Group>
       <Form.Group>
-        <Form.Label>Ziel der Fahrt</Form.Label>
+        <Form.Label>
+          Ziel der Fahrt <Required />
+        </Form.Label>
         <Form.Control
           type="text"
           name="destination"
           placeholder="Fahrtziel"
           value={destination}
           onChange={onChangeEvent}
+          required
         />
       </Form.Group>
     </>