Feat/editor as preview (#294)

* try editor as preview

* add databinding for editor actions and message

* add actions, reordering base interactions

* add drag and drop ordering for categoriers

* category skeleton

* fix linting issues

* add role list and add button, non-functional

* bump packages

* add role search prototype

* yarn.lock sync

* fix lint

* remove cfw-emulator bin

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

@@ -1,8 +1,18 @@
+import ReactTooltip from 'react-tooltip';
+import { BreakpointsProvider } from '../../atoms/breakpoints';
 import { guildEnum, mastheadSlugs, user } from '../../fixtures/storyData';
 import { EditorTemplate } from './Editor';
 export default {
   title: 'Templates/Server Editor',
   component: EditorTemplate,
+  decorators: [
+    (story) => (
+      <BreakpointsProvider>
+        {story()}
+        <ReactTooltip />
+      </BreakpointsProvider>
+    ),
+  ],
   args: {
     guilds: mastheadSlugs,
     user: user,

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

@@ -10,7 +10,7 @@ export const EditorTemplate = (
   const { guild, onCategoryChange, onMessageChange, onGuildChange, ...appShellProps } =
     props;
   return (
-    <AppShell {...appShellProps} activeGuildId={guild.id}>
+    <AppShell {...appShellProps} activeGuildId={guild.id} small double>
       <EditorShell guild={guild} onGuildChange={onGuildChange} />
     </AppShell>
   );