add editor wiring and styling updates

packages/design-system/templates/editor/Editor.stories.tsx

@@ -0,0 +1,13 @@
+import { guildEnum, mastheadSlugs, user } from '../../fixtures/storyData';
+import { EditorTemplate } from './Editor';
+export default {
+  title: 'Templates/Server Editor',
+  component: EditorTemplate,
+  args: {
+    guilds: mastheadSlugs,
+    user: user,
+    guild: guildEnum.guilds[0],
+  },
+};
+
+export const serverEditor = (args) => <EditorTemplate {...args} />;

packages/design-system/templates/editor/Editor.tsx

@@ -0,0 +1,22 @@
+import { AppShell, AppShellProps } from '@roleypoly/design-system/organisms/app-shell';
+import {
+  EditorShell,
+  EditorShellProps,
+} from '@roleypoly/design-system/organisms/editor-shell';
+
+export const EditorTemplate = (
+  props: EditorShellProps & Omit<AppShellProps, 'children'>
+) => {
+  const {
+    guild,
+    onCategoryChange,
+    onMessageChange,
+    onGuildChange,
+    ...appShellProps
+  } = props;
+  return (
+    <AppShell {...appShellProps} activeGuildId={guild.id}>
+      <EditorShell guild={guild} onGuildChange={onGuildChange} />
+    </AppShell>
+  );
+};

packages/design-system/templates/editor/index.ts

@@ -0,0 +1 @@
+export * from './Editor';