Created files ready for editing and testing. Still need to run locall…

…y to test

Adding files necessary to reissue new donor case

Changed wording and look and feel of textbox

Slight changes and fixes

Made changes to show both error messages for create donor cases and reissue new donor case

Fixing Tests so far

Fixed tests so far

Fixed issues with calling cloud function, now works correctly

Fixed failing tests

Cleaned up some code to be more generic

Added some minor fixes to try and get cloud function working on sandbox

GUI Fixes

GUI Fixes

GUI Fixes

Fixed failing test after GUI changes

Added padding around error message and various UI Fixes

Changed text input to be below text input field

Added padding around error message to be more inline with other components

src/components/questionnaireDetailsPage/sections/reissueNewDonorCase.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement, useState } from "react";
 import { Questionnaire } from "blaise-api-node-client";
 import { useNavigate } from "react-router-dom";
-import { ONSButton } from "blaise-design-system-react-components";
+import { ONSButton, ONSPanel } from "blaise-design-system-react-components";
 
 interface Props {
     questionnaire: Questionnaire;
@@ -47,9 +47,13 @@ function ReissueNewDonorCase({ questionnaire }: Props): ReactElement {
                                                 className="ons-input ons-input--text ons-input-type__input"
                                                 value={user} onChange={(e) => setUser(e.target.value)}/>
                                         </div>
-                                        <div className="ons-field">
+                                        <div className="ons-field ons-input--text">
                                             {error &&
-                                                <p className="ons-summary__item--error ons-input--text">{errorMessage}</p>}
+                                                <ONSPanel status="error">
+                                                    <p className="">
+                                                        {errorMessage}
+                                                    </p>
+                                                </ONSPanel>}
                                         </div>
                                     </div>
                                 </td>