reorganize styles and pages (wip); update readme

web/pages/config-social-items.tsx

@@ -0,0 +1,20 @@
+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;
+
+export default function ConfigSocialThings() {
+  return (
+    <div className="config-social-items">
+      <Title level={2}>Social Items</Title>
+
+      <EditDirectoryDetails />     
+      <EditSocialLinks />
+      <EditInstanceTags />
+    </div>
+  ); 
+}
+