Make each admin page specify is own layout. Closes #2584

web/pages/admin/config-federation.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/no-unescaped-entities */
 import { Typography, Modal, Button, Row, Col, Alert } from 'antd';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { ReactElement, useContext, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import {
   TEXTFIELD_TYPE_TEXT,
@@ -27,6 +27,8 @@ import {
 import { ServerStatusContext } from '../../utils/server-status-context';
 import { createInputStatus, STATUS_ERROR, STATUS_SUCCESS } from '../../utils/input-statuses';
 
+import { AdminLayout } from '../../components/layouts/AdminLayout';
+
 const FederationInfoModal = ({ cancelPressed, okPressed }) => (
   <Modal
     width="70%"
@@ -343,4 +345,9 @@ const ConfigFederation = () => {
     </div>
   );
 };
+
+ConfigFederation.getLayout = function getLayout(page: ReactElement) {
+  return <AdminLayout page={page} />;
+};
+
 export default ConfigFederation;