Allow children-only InfoBox without msg prop

app/src/frontend/components/info-box.tsx

@@ -1,27 +1,19 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 
 interface InfoBoxProps {
-    msg: string;
+    msg?: string;
 }
 
 const InfoBox: React.FC<InfoBoxProps> = (props) => (
-    <Fragment>
+    <>
         {
-            (props.msg || props.children)?
+            (props.msg || props.children) &&
-                (
+                <div className="alert alert-info" role="alert">
-                    <div className="alert alert-info" role="alert">
+                    { props.msg ?? '' }
-                        {
+                    { props.children }
-                            typeof props.msg === 'string' ?
+                </div>
-                                props.msg
-                                : 'Enjoy the colouring! Usual service should resume shortly.'
-                        }
-                        {
-                            props.children
-                        }
-                    </div>
-                ) : null
         }
-    </Fragment>
+    </>
 );
 
 export default InfoBox;