refactor(editor): ♻️ Undo / Redo buttons + structure refacto

Yet another huge refacto... While implementing undo and redo features I understood that I updated the stored typebot too many times (i.e. on each key input) so I had to rethink it entirely. I also moved around some files.

apps/builder/layouts/editor/Board.tsx

@@ -0,0 +1,28 @@
+import { Flex } from '@chakra-ui/react'
+import React from 'react'
+import { StepDndContext } from 'contexts/StepDndContext'
+import { StepsSideBar } from '../../components/editor/StepsSideBar'
+import { PreviewDrawer } from '../../components/editor/preview/PreviewDrawer'
+import { RightPanel, useEditor } from 'contexts/EditorContext'
+import { GraphProvider } from 'contexts/GraphContext'
+import { BoardMenuButton } from '../../components/editor/BoardMenuButton'
+import { useTypebot } from 'contexts/TypebotContext'
+import { Graph } from 'components/shared/Graph'
+
+export const Board = () => {
+  const { typebot } = useTypebot()
+  const { rightPanel } = useEditor()
+
+  return (
+    <Flex flex="1" pos="relative" bgColor="gray.50" h="full">
+      <StepDndContext>
+        <StepsSideBar />
+        <GraphProvider typebot={typebot}>
+          <Graph flex="1" />
+          <BoardMenuButton pos="absolute" right="40px" top="20px" />
+          {rightPanel === RightPanel.PREVIEW && <PreviewDrawer />}
+        </GraphProvider>
+      </StepDndContext>
+    </Flex>
+  )
+}