feat(crons): Make create header UI consistent (#43096)

static/app/views/monitors/create.tsx

@@ -2,7 +2,9 @@ import {Fragment} from 'react';
 import {browserHistory, RouteComponentProps} from 'react-router';
 import styled from '@emotion/styled';
 
+import Breadcrumbs from 'sentry/components/breadcrumbs';
 import * as Layout from 'sentry/components/layouts/thirds';
+import PageHeading from 'sentry/components/pageHeading';
 import {t} from 'sentry/locale';
 import {Organization} from 'sentry/types';
 import {normalizeUrl} from 'sentry/utils/withDomainRequired';
@@ -37,7 +39,18 @@ class CreateMonitor extends AsyncView<Props, AsyncView['state']> {
       <Fragment>
         <Layout.Header>
           <Layout.HeaderContent>
-            <HeaderTitle>{t('Set Up Cron Monitor')}</HeaderTitle>
+            <Breadcrumbs
+              crumbs={[
+                {
+                  label: t('Crons'),
+                  to: `/organizations/${this.orgSlug}/crons/`,
+                },
+                {
+                  label: t('Set Up Cron Monitor'),
+                },
+              ]}
+            />
+            <StyledHeading>{t('Set Up Cron Monitor')}</StyledHeading>
           </Layout.HeaderContent>
           <Layout.HeaderActions>
             <CronsFeedbackButton />
@@ -64,8 +77,8 @@ class CreateMonitor extends AsyncView<Props, AsyncView['state']> {
 }
 export default withOrganization(CreateMonitor);
 
-const HeaderTitle = styled(Layout.Title)`
-  margin-top: 0;
+const StyledHeading = styled(PageHeading)`
+  line-height: 40px;
 `;
 
 const HelpText = styled('p')`