Add support link to site monitoring page (Automattic#80955)

Co-authored-by: Kateryna Kodonenko <kateryna@automattic.com>

client/components/inline-support-link/context-links.js

@@ -270,6 +270,10 @@ const contextLinks = {
 		link: 'https://wordpress.com/support/webmaster-tools/',
 		post_id: 5022,
 	},
+	'site-monitoring': {
+		link: 'https://wordpress.com/support/site-monitoring/',
+		post_id: 259521,
+	},
 };
 
 export default contextLinks;

client/my-sites/site-monitoring/main.tsx

@@ -1,7 +1,9 @@
 import { useI18n } from '@wordpress/react-i18n';
+import { translate } from 'i18n-calypso';
 import { useState } from 'react';
 import DocumentHead from 'calypso/components/data/document-head';
 import FormattedHeader from 'calypso/components/formatted-header';
+import InlineSupportLink from 'calypso/components/inline-support-link';
 import Main from 'calypso/components/main';
 import PageViewTracker from 'calypso/lib/analytics/page-view-tracker';
 import { SiteMonitoringTabPanel } from './components/site-monitoring-tab-panel';
@@ -28,8 +30,19 @@ export function SiteMetrics() {
 				className="site-monitoring__formatted-header modernized-header"
 				align="left"
 				headerText={ titleHeader }
-				subHeaderText={ __(
-					'Real time information to troubleshoot or debug problems with your site.'
+				subHeaderText={ translate(
+					'Real time information to troubleshoot or debug problems with your site. {{learnMoreLink}}Learn more{{/learnMoreLink}}.',
+					{
+						components: {
+							learnMoreLink: (
+								<InlineSupportLink
+									key="learnMore"
+									supportContext="site-monitoring"
+									showIcon={ false }
+								/>
+							),
+						},
+					}
 				) }
 			></FormattedHeader>
 			<SiteMonitoringTabPanel selectedTab={ page } onSelected={ handleTabSelected }>