Continuing to tweak naming of sections and organizing of config items. WIP

web/pages/components/main-layout.tsx

@@ -153,10 +153,10 @@ export default function MainLayout(props) {
             icon={<SettingOutlined />}
           >
             <Menu.Item key="config-public-details">
-              <Link href="/config-public-details">Public Details</Link>
+              <Link href="/config-public-details">General</Link>
             </Menu.Item>
             <Menu.Item key="config-social-items">
-              <Link href="/config-social-items">Social items</Link>
+              <Link href="/config-social-items">Social Links</Link>
             </Menu.Item>
 
             <Menu.Item key="config-page-content">
@@ -164,10 +164,10 @@ export default function MainLayout(props) {
             </Menu.Item>
 
             <Menu.Item key="config-server-details">
-              <Link href="/config-server-details">Server Details</Link>
+              <Link href="/config-server-details">Server Setup</Link>
             </Menu.Item>
             <Menu.Item key="config-video">
-              <Link href="/config-video">Video Setup</Link>
+              <Link href="/config-video">Video Configuration</Link>
             </Menu.Item>
             <Menu.Item key="config-storage">
               <Link href="/config-storage">Storage</Link>

web/pages/config-public-details.tsx

@@ -3,6 +3,7 @@ import { Typography } from 'antd';
 import Link from 'next/link';
 
 import EditInstanceDetails from './components/config/edit-instance-details';
+import EditDirectoryDetails from './components/config/edit-directory';
 
 const { Title } = Typography;
 
@@ -13,6 +14,7 @@ export default function PublicFacingDetails() {
 
       <div className="edit-public-details-container">
         <EditInstanceDetails />
+        <EditDirectoryDetails />
 
         <Link href="/admin/config-page-content">
           <a>Edit your extra page content here.</a>

web/pages/config-social-items.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { Typography } from 'antd';
 import EditSocialLinks from './components/config/edit-social-links';
 import EditInstanceTags from './components/config/edit-tags';
-import EditDirectoryDetails from './components/config/edit-directory';
 
 const { Title } = Typography;
 
@@ -11,7 +10,6 @@ export default function ConfigSocialThings() {
     <div className="config-social-items">
       <Title level={2}>Social Items</Title>
 
-      <EditDirectoryDetails />
       <EditSocialLinks />
       <EditInstanceTags />
     </div>