add error notification next to send button

components/wizard/index.tsx

@@ -73,11 +73,15 @@ function WizardInternal() {
         <DateSelect />
         <Reason />
         <Contact />
-        <div>{postDataError}</div>
         <div>
           <button type="submit" disabled={postData} className="btn btn-blue">
             {postData ? 'Speichern...' : 'Absenden'}
           </button>
+          {postDataError && (
+            <div className="error-message">
+              <strong>Error:</strong> {postDataError}
+            </div>
+          )}
         </div>
       </form>
     </>

styles/index.css

@@ -111,6 +111,11 @@
   @apply text-blue-700;
 }
 
+.error-message {
+  @apply inline-block bg-red-200 border-solid border-2 border-red-700 rounded text-red-700 py-1 px-2;
+  max-width: 10rem;
+}
+
 .Calendar-grid {
   @apply flex flex-wrap;
 }