style: Adjust formatting for improved readability in HeaderAlert and Modal components

Common/UI/Components/HeaderAlert/HeaderAlert.tsx

@@ -87,9 +87,11 @@ const HeaderAlert: (props: ComponentProps) => ReactElement = (
               {props.title}
             </p>
             {props.suffix && (
-                <span className={`ml-1 ${textColor} text-sm font-semibold hidden md:block`}>
+              <span
+                className={`ml-1 ${textColor} text-sm font-semibold hidden md:block`}
+              >
                 {props.suffix}
-                </span>
+              </span>
             )}
           </div>
         </div>

Common/UI/Components/Modal/Modal.tsx

@@ -126,7 +126,9 @@ const Modal: FunctionComponent<ComponentProps> = (
                     )}
                   </div>
                   {props.rightElement && (
-                    <div data-testid="right-element" className="mt-4 md:mt-0">{props.rightElement}</div>
+                    <div data-testid="right-element" className="mt-4 md:mt-0">
+                      {props.rightElement}
+                    </div>
                   )}
                 </div>
                 <div className="mt-2">