fix: Configuration: Users should also use the Page component

public/app/features/datasources/DataSourcesListPage.tsx

@@ -66,7 +66,7 @@ export class DataSourcesListPage extends PureComponent<Props> {
     };
 
     return (
-      <Page title="Data Sources">
+      <Page title="Configuration: Data Sources">
         <Page.Header model={navModel} />
         <Page.Contents isLoading={!hasFetched}>
           <>

public/app/features/users/UsersListPage.tsx

@@ -2,8 +2,7 @@ import React, { PureComponent } from 'react';
 import { hot } from 'react-hot-loader';
 import { connect } from 'react-redux';
 import Remarkable from 'remarkable';
-import PageHeader from 'app/core/components/PageHeader/PageHeader';
+import Page from 'app/core/components/Page/Page';
-import PageLoader from 'app/core/components/PageLoader/PageLoader';
 import UsersActionBar from './UsersActionBar';
 import UsersTable from './UsersTable';
 import InviteesTable from './InviteesTable';
@@ -105,16 +104,18 @@ export class UsersListPage extends PureComponent<Props, State> {
     const externalUserMngInfoHtml = this.externalUserMngInfoHtml;
 
     return (
-      <div>
+      <Page title="Configuration: Users">
-        <PageHeader model={navModel} />
+        <Page.Header model={navModel} />
-        <div className="page-container page-body">
+        <Page.Contents isLoading={!hasFetched}>
+          <>
           <UsersActionBar onShowInvites={this.onShowInvites} showInvites={this.state.showInvites} />
           {externalUserMngInfoHtml && (
             <div className="grafana-info-box" dangerouslySetInnerHTML={{ __html: externalUserMngInfoHtml }} />
           )}
-          {hasFetched ? this.renderTable() : <PageLoader pageName="Users" />}
+          {hasFetched && this.renderTable()}
-        </div>
+          </>
-      </div>
+        </Page.Contents>
+      </Page>
     );
   }
 }