chore(editor): ♻️ Revert tables to arrays

Yet another refacto. I improved many many mechanisms on this one including dnd. It is now end 2 end tested 🎉

apps/builder/layouts/editor/Board.tsx

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

apps/builder/layouts/theme/ThemeContent.tsx

@@ -1,17 +1,13 @@
 import { Flex } from '@chakra-ui/react'
 import { TypebotViewer } from 'bot-engine'
 import { useTypebot } from 'contexts/TypebotContext/TypebotContext'
-import React, { useMemo } from 'react'
+import React from 'react'
 import { parseTypebotToPublicTypebot } from 'services/publicTypebot'
 import { ThemeSideMenu } from '../../components/theme/ThemeSideMenu'
 
 export const ThemeContent = () => {
   const { typebot } = useTypebot()
-  const publicTypebot = useMemo(
-    () => (typebot ? parseTypebotToPublicTypebot(typebot) : undefined),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [typebot?.theme]
-  )
+  const publicTypebot = typebot && parseTypebotToPublicTypebot(typebot)
   return (
     <Flex h="full" w="full">
       <ThemeSideMenu />