Resolve "[MIN-321] form for reporting errors in minerva"

Closes #254 (closed)

src/components/FunctionalArea/Modal/ModalLayout/ModalLayout.component.tsx

@@ -28,11 +28,19 @@ export const ModalLayout = ({ children }: ModalLayoutProps): JSX.Element => {
           className={twMerge(
             'flex h-5/6 w-10/12	flex-col	overflow-hidden rounded-lg',
             modalName === 'login' && 'h-auto w-[400px]',
+            modalName === 'error-report' && 'h-auto w-[800px]',
             ['edit-overlay', 'logged-in-menu'].includes(modalName) && 'h-auto w-[432px]',
           )}
         >
           <div className="flex items-center justify-between bg-white p-[24px] text-xl">
-            <div>{modalTitle}</div>
+            {modalName === 'error-report' && (
+              <div className="font-bold text-red-500">
+                <Icon name="info" className={twMerge('mr-4 fill-red-500')} />
+                {modalTitle}
+              </div>
+            )}
+            {modalName !== 'error-report' && <div> {modalTitle} </div>}
+
             {modalName !== 'logged-in-menu' && (
               <button type="button" onClick={handleCloseModal} aria-label="close button">
                 <Icon name="close" className="fill-font-500" />