Add info box under health messages

Closes #5958

frontend/src/System/Status/Health/Health.js

@@ -1,10 +1,12 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import Alert from 'Components/Alert';
 import FieldSet from 'Components/FieldSet';
 import Icon from 'Components/Icon';
 import IconButton from 'Components/Link/IconButton';
 import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
+import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import Table from 'Components/Table/Table';
 import TableBody from 'Components/Table/TableBody';
@@ -204,7 +206,7 @@ class Health extends Component {
 
                           {
                             !!testLink &&
-                              testLink
+                            testLink
                           }
                         </TableRowCell>
                       </TableRow>
@@ -214,6 +216,12 @@ class Health extends Component {
               </TableBody>
             </Table>
         }
+        {
+          healthIssues &&
+            <Alert kind={kinds.INFO}>
+              <InlineMarkdown data={translate('HealthMessagesInfoBox', { link: '/system/logs/files' })} />
+            </Alert>
+        }
       </FieldSet>
     );
   }

src/NzbDrone.Core/Localization/Core/en.json

@@ -509,6 +509,7 @@
   "HardlinkCopyFiles": "Hardlink/Copy Files",
   "HasMissingSeason": "Has Missing Season",
   "Health": "Health",
+  "HealthMessagesInfoBox": "You can find more information about the cause of these health check messages by clicking the wiki link (book icon) at the end of the row, or by checking your [logs]({link}). If you have difficulty interpreting these messages then you can reach out to our support, at the links below.",
   "Here": "here",
   "HiddenClickToShow": "Hidden, click to show",
   "HideAdvanced": "Hide Advanced",