perf(e2e): ⚡️ Migrate to Playwright

apps/builder/pages/_app.tsx

@@ -9,6 +9,7 @@ import 'assets/styles/plate.css'
 import 'focus-visible/dist/focus-visible'
 import 'assets/styles/submissionsTable.css'
 import 'assets/styles/codeMirror.css'
+import 'assets/styles/custom.css'
 import { UserContext } from 'contexts/UserContext'
 import { TypebotContext } from 'contexts/TypebotContext'
 import { useRouter } from 'next/router'

apps/builder/pages/api/auth/[...nextauth].ts

@@ -56,7 +56,7 @@ if (process.env.NODE_ENV !== 'production')
         email: {
           label: 'Email',
           type: 'email',
-          placeholder: 'email@email.com',
+          placeholder: 'credentials@email.com',
         },
       },
       async authorize(credentials) {

apps/builder/pages/api/folders.ts

@@ -20,6 +20,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
         ownerId: user.id,
         parentFolderId,
       },
+      orderBy: { createdAt: 'desc' },
     })
     return res.send({ folders })
   }

apps/builder/pages/typebots.tsx

@@ -3,17 +3,17 @@ import { Stack } from '@chakra-ui/layout'
 import { DashboardHeader } from 'components/dashboard/DashboardHeader'
 import { Seo } from 'components/Seo'
 import { FolderContent } from 'components/dashboard/FolderContent'
-import { UserContext } from 'contexts/UserContext'
+import { TypebotDndContext } from 'contexts/TypebotDndContext'
 
 const DashboardPage = () => {
   return (
-    <UserContext>
+    <Stack minH="100vh">
       <Seo title="My typebots" />
-      <Stack>
-        <DashboardHeader />
+      <DashboardHeader />
+      <TypebotDndContext>
         <FolderContent folder={null} />
-      </Stack>
-    </UserContext>
+      </TypebotDndContext>
+    </Stack>
   )
 }
 

apps/builder/pages/typebots/[typebotId]/edit.tsx

@@ -13,7 +13,7 @@ const TypebotEditPage = () => (
     <Seo title="Editor" />
     <KBarProvider actions={actions}>
       <KBar />
-      <Flex overflow="hidden" h="100vh" flexDir="column">
+      <Flex overflow="hidden" h="100vh" flexDir="column" id="editor-container">
         <TypebotHeader />
         <Board />
       </Flex>

apps/builder/pages/typebots/folders/[id].tsx

@@ -6,6 +6,7 @@ import { FolderContent } from 'components/dashboard/FolderContent'
 import { useRouter } from 'next/router'
 import { useFolderContent } from 'services/folders'
 import { Spinner, useToast } from '@chakra-ui/react'
+import { TypebotDndContext } from 'contexts/TypebotDndContext'
 
 const FolderPage = () => {
   const router = useRouter()
@@ -26,16 +27,18 @@ const FolderPage = () => {
   })
 
   return (
-    <Stack>
+    <Stack minH="100vh">
       <Seo title="My typebots" />
       <DashboardHeader />
-      {!folder ? (
-        <Flex flex="1">
-          <Spinner mx="auto" />
-        </Flex>
-      ) : (
-        <FolderContent folder={folder} />
-      )}
+      <TypebotDndContext>
+        {!folder ? (
+          <Flex flex="1">
+            <Spinner mx="auto" />
+          </Flex>
+        ) : (
+          <FolderContent folder={folder} />
+        )}
+      </TypebotDndContext>
     </Stack>
   )
 }