update page navigation

fix issue with jerky close and expand of nav
update nav to use expandle headers
separate settings pages out into separate stup page components

src/pages/AuthSettings.jsx

@@ -0,0 +1,21 @@
+import React, { Component, Fragment } from 'react';
+import {
+  PageSection,
+  PageSectionVariants,
+  Title,
+} from '@patternfly/react-core';
+
+class AuthSettings extends Component {
+  render () {
+    const { light, medium } = PageSectionVariants;
+
+    return (
+      <Fragment>
+        <PageSection variant={light}><Title size="2xl">Authentication Settings</Title></PageSection>
+        <PageSection variant={medium} />
+      </Fragment>
+    );
+  }
+}
+
+export default AuthSettings;

src/pages/JobsSettings.jsx

@@ -0,0 +1,21 @@
+import React, { Component, Fragment } from 'react';
+import {
+  PageSection,
+  PageSectionVariants,
+  Title,
+} from '@patternfly/react-core';
+
+class JobsSettings extends Component {
+  render () {
+    const { light, medium } = PageSectionVariants;
+
+    return (
+      <Fragment>
+        <PageSection variant={light}><Title size="2xl">Jobs Settings</Title></PageSection>
+        <PageSection variant={medium} />
+      </Fragment>
+    );
+  }
+}
+
+export default JobsSettings;

src/pages/License.jsx

@@ -5,17 +5,17 @@ import {
   Title,
 } from '@patternfly/react-core';
 
-class Settings extends Component {
+class License extends Component {
   render () {
     const { light, medium } = PageSectionVariants;
 
     return (
       <Fragment>
-        <PageSection variant={light}><Title size="2xl">Settings</Title></PageSection>
+        <PageSection variant={light}><Title size="2xl">License</Title></PageSection>
         <PageSection variant={medium} />
       </Fragment>
     );
   }
 }
 
-export default Settings;
+export default License;

src/pages/SystemSettings.jsx

@@ -0,0 +1,21 @@
+import React, { Component, Fragment } from 'react';
+import {
+  PageSection,
+  PageSectionVariants,
+  Title,
+} from '@patternfly/react-core';
+
+class SystemSettings extends Component {
+  render () {
+    const { light, medium } = PageSectionVariants;
+
+    return (
+      <Fragment>
+        <PageSection variant={light}><Title size="2xl">System Settings</Title></PageSection>
+        <PageSection variant={medium} />
+      </Fragment>
+    );
+  }
+}
+
+export default SystemSettings;

src/pages/UISettings.jsx

@@ -0,0 +1,21 @@
+import React, { Component, Fragment } from 'react';
+import {
+  PageSection,
+  PageSectionVariants,
+  Title,
+} from '@patternfly/react-core';
+
+class UISettings extends Component {
+  render () {
+    const { light, medium } = PageSectionVariants;
+
+    return (
+      <Fragment>
+        <PageSection variant={light}><Title size="2xl">User Interface Settings</Title></PageSection>
+        <PageSection variant={medium} />
+      </Fragment>
+    );
+  }
+}
+
+export default UISettings;