[Synthetics] Remove usage of deprecated EuiPageTemplate (#162186)

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

x-pack/examples/exploratory_view_example/public/app.tsx

@@ -12,8 +12,7 @@ import {
   EuiFlexItem,
   EuiPage,
   EuiPageBody,
-  EuiPageContent_Deprecated as EuiPageContent,
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
+  EuiPageSection,
   EuiPageHeader,
   EuiPageHeaderSection,
   EuiTitle,
@@ -63,27 +62,25 @@ export const App = (props: {
             </EuiTitle>
           </EuiPageHeaderSection>
         </EuiPageHeader>
-        <EuiPageContent>
-          <EuiPageContentBody style={{ maxWidth: 800, margin: '0 auto', height: '70vh' }}>
-            <p>
-              This app embeds an Observability Exploratory view as embeddable component. Make sure
-              you have data in heartbeat-* index within last 5 days for this demo to work.
-            </p>
-            <EuiFlexGroup justifyContent="flexEnd">
-              <EuiFlexItem grow={false}>
-                <EuiButton aria-label="Open in exploratory view" href={hrefLink} target="_blank">
-                  Edit in exploratory view (new tab)
-                </EuiButton>
-              </EuiFlexItem>
-            </EuiFlexGroup>
-            <ExploratoryViewComponent
-              attributes={seriesList}
-              reportType="kpi-over-time"
-              title={'Monitor response duration'}
-              withActions={['save', 'explore']}
-            />
-          </EuiPageContentBody>
-        </EuiPageContent>
+        <EuiPageSection>
+          <p>
+            This app embeds an Observability Exploratory view as embeddable component. Make sure you
+            have data in heartbeat-* index within last 5 days for this demo to work.
+          </p>
+          <EuiFlexGroup justifyContent="flexEnd">
+            <EuiFlexItem grow={false}>
+              <EuiButton aria-label="Open in exploratory view" href={hrefLink} target="_blank">
+                Edit in exploratory view (new tab)
+              </EuiButton>
+            </EuiFlexItem>
+          </EuiFlexGroup>
+          <ExploratoryViewComponent
+            attributes={seriesList}
+            reportType="kpi-over-time"
+            title={'Monitor response duration'}
+            withActions={['save', 'explore']}
+          />
+        </EuiPageSection>
       </EuiPageBody>
     </EuiPage>
   );

x-pack/plugins/synthetics/public/apps/synthetics/utils/testing/rtl_helpers.tsx

@@ -20,7 +20,6 @@ import { merge, mergeWith } from 'lodash';
 import { createMemoryHistory, History } from 'history';
 import { CoreStart } from '@kbn/core/public';
 import { I18nProvider } from '@kbn/i18n-react';
-import { EuiPageTemplate_Deprecated as EuiPageTemplate } from '@elastic/eui';
 import { coreMock } from '@kbn/core/public/mocks';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { configure } from '@testing-library/dom';
@@ -29,6 +28,7 @@ import { IStorageWrapper } from '@kbn/kibana-utils-plugin/public';
 import { KibanaContextProvider, KibanaServices } from '@kbn/kibana-react-plugin/public';
 import { triggersActionsUiMock } from '@kbn/triggers-actions-ui-plugin/public/mocks';
 import { dataPluginMock } from '@kbn/data-plugin/public/mocks';
+import { KibanaPageTemplate } from '@kbn/shared-ux-page-kibana-template';
 import { mockState } from './__mocks__/synthetics_store.mock';
 import { MountWithReduxProvider } from './helper_with_redux';
 import { AppState } from '../../state';
@@ -155,7 +155,7 @@ export const mockCore: () => Partial<CoreStart> = () => {
     observabilityShared: {
       navigation: {
         // @ts-ignore
-        PageTemplate: EuiPageTemplate,
+        PageTemplate: KibanaPageTemplate,
       },
     },
     exploratoryView: {

x-pack/plugins/synthetics/tsconfig.json

@@ -75,6 +75,7 @@
     "@kbn/core-http-server",
     "@kbn/std",
     "@kbn/core-saved-objects-server-mocks",
+    "@kbn/shared-ux-page-kibana-template",
   ],
   "exclude": [
     "target/**/*",

x-pack/plugins/uptime/public/legacy_uptime/lib/helper/rtl_helpers.tsx

@@ -20,7 +20,6 @@ import { merge } from 'lodash';
 import { createMemoryHistory, History } from 'history';
 import { CoreStart } from '@kbn/core/public';
 import { I18nProvider } from '@kbn/i18n-react';
-import { EuiPageTemplate_Deprecated as EuiPageTemplate } from '@elastic/eui';
 import { coreMock } from '@kbn/core/public/mocks';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { configure } from '@testing-library/dom';
@@ -31,6 +30,7 @@ import { triggersActionsUiMock } from '@kbn/triggers-actions-ui-plugin/public/mo
 import { dataPluginMock } from '@kbn/data-plugin/public/mocks';
 import { unifiedSearchPluginMock } from '@kbn/unified-search-plugin/public/mocks';
 import { Store } from 'redux';
+import { KibanaPageTemplate } from '@kbn/shared-ux-page-kibana-template';
 import { stringifyUrlParams } from './url_params/stringify_url_params';
 import { mockState } from '../__mocks__/uptime_store.mock';
 import { MountWithReduxProvider } from './helper_with_redux';
@@ -153,7 +153,7 @@ export const mockCore: () => Partial<CoreStart> = () => {
     observabilityShared: {
       navigation: {
         // @ts-ignore
-        PageTemplate: EuiPageTemplate,
+        PageTemplate: KibanaPageTemplate,
       },
     },
     exploratoryView: {