Add downtime monitoring to site settings (#98250)

* Add downtime monitoring to site settings

* Add downtime monitoring to server settings

* Revert "Add downtime monitoring to server settings"

This reverts commit 01a79c5.

* Reapply "Add downtime monitoring to server settings"

This reverts commit a0ae9ba.

* Revert "Add downtime monitoring to site settings"

This reverts commit c207080.

client/hosting/server-settings/main.tsx

@@ -29,6 +29,7 @@ import TrackComponentView from 'calypso/lib/analytics/track-component-view';
 import { TrialAcknowledgeModal } from 'calypso/my-sites/plans/trials/trial-acknowledge/acknowlege-modal';
 import { WithOnclickTrialRequest } from 'calypso/my-sites/plans/trials/trial-acknowledge/with-onclick-trial-request';
 import TrialBanner from 'calypso/my-sites/plans/trials/trial-banner';
+import JetpackMonitor from 'calypso/my-sites/site-settings/form-jetpack-monitor';
 import SiteAdminInterface from 'calypso/my-sites/site-settings/site-admin-interface';
 import CacheCard from 'calypso/sites/settings/caching/form';
 import DefensiveModeCard from 'calypso/sites/settings/web-server/defensive-mode-form';
@@ -101,13 +102,15 @@ type AllCardsProps = {
 	isBusinessTrial?: boolean;
 	siteId: number | null;
 	siteSlug: string | null;
+	isJetpack: boolean | null;
 };
 
 const AllCards = ( {
 	isAdvancedHostingDisabled,
 	isBasicHostingDisabled,
 	siteId,
 	siteSlug,
+	isJetpack,
 }: AllCardsProps ) => {
 	const allCards: CardEntry[] = [
 		{
@@ -154,6 +157,14 @@ const AllCards = ( {
 		type: 'advanced',
 	} );
 
+	if ( isJetpack && siteId ) {
+		allCards.push( {
+			feature: 'jetpack-monitor',
+			content: <JetpackMonitor />,
+			type: 'basic',
+		} );
+	}
+
 	const availableTypes: CardEntry[ 'type' ][] = [];
 
 	if ( ! isAdvancedHostingDisabled ) {
@@ -282,6 +293,7 @@ const ServerSettings = ( { fetchUpdatedData }: ServerSettingsProps ) => {
 							isBusinessTrial={ isBusinessTrial && ! hasTransfer }
 							siteId={ siteId }
 							siteSlug={ siteSlug }
+							isJetpack={ isJetpack }
 						/>
 					</MasonryGrid>
 				</WrapperComponent>

client/hosting/server-settings/style.scss

@@ -97,3 +97,16 @@
 		transform: rotate(360deg);
 	}
 }
+
+// Jetpack downtime monitoring hack: Duplicates style from site-settings/style.scss
+.site-settings__child-settings {
+	margin: 16px 48px 0;
+}
+
+// Jetpack downtime monitoring hack: Duplicates style from site-settings/style.scss
+.support-info + .jetpack-module-toggle,
+.support-info + .components-toggle-control,
+.support-info + .custom-content-types__module-settings,
+.support-info + .verbum-comments-toggle {
+	display: flex;
+}