message optional in MessageBox

interface/src/app/main/Dashboard.tsx

@@ -264,7 +264,7 @@ const Dashboard = () => {
         </Box>
 
         {!loading && !hasFavEntities && (
-          <MessageBox my={1} level="info" message="">
+          <MessageBox my={1} level="info">
             <Typography>
               {LL.NO_DATA_1()}&nbsp;
               <Link to="/customizations" style={{ color: 'white' }}>

interface/src/components/MessageBox.tsx

@@ -11,7 +11,7 @@ type MessageBoxLevel = 'warning' | 'success' | 'info' | 'error';
 
 export interface MessageBoxProps extends BoxProps {
   level: MessageBoxLevel;
-  message: string;
+  message?: string;
 }
 
 const LEVEL_ICONS: {
@@ -53,8 +53,8 @@ const MessageBox: FC<MessageBoxProps> = ({
       {...rest}
     >
       <Icon />
-      <Typography sx={{ ml: 2, flexGrow: 1 }} variant="body1">
-        {message}
+      <Typography sx={{ ml: 2 }} variant="body1">
+        {message ?? ''}
       </Typography>
       {children}
     </Box>