♻️ (builder) Change to features-centric folder structure

apps/builder/src/pages/_app.tsx

@@ -0,0 +1,75 @@
+import { useEffect } from 'react'
+import { AppProps } from 'next/app'
+import { SessionProvider } from 'next-auth/react'
+import { ChakraProvider, createStandaloneToast } from '@chakra-ui/react'
+import { customTheme } from '@/lib/theme'
+import { useRouterProgressBar } from '@/lib/routerProgressBar'
+import '@/assets/styles/routerProgressBar.css'
+import '@/assets/styles/plate.css'
+import '@/assets/styles/submissionsTable.css'
+import '@/assets/styles/codeMirror.css'
+import '@/assets/styles/custom.css'
+import { UserProvider } from '@/features/account'
+import { TypebotProvider } from '@/features/editor'
+import { useRouter } from 'next/router'
+import { SupportBubble } from '@/components/SupportBubble'
+import { WorkspaceProvider } from '@/features/workspace'
+import { toTitleCase } from 'utils'
+import { Session } from 'next-auth'
+import { Plan } from 'db'
+
+const { ToastContainer, toast } = createStandaloneToast(customTheme)
+
+const App = ({
+  Component,
+  pageProps: { session, ...pageProps },
+}: AppProps<{ session: Session }>) => {
+  useRouterProgressBar()
+  const { query, pathname, isReady } = useRouter()
+
+  useEffect(() => {
+    pathname.endsWith('/edit')
+      ? (document.body.style.overflow = 'hidden')
+      : (document.body.style.overflow = 'auto')
+  }, [pathname])
+
+  useEffect(() => {
+    const newPlan = query.stripe?.toString()
+    if (newPlan === Plan.STARTER || newPlan === Plan.PRO)
+      toast({
+        position: 'bottom-right',
+        status: 'success',
+        title: 'Upgrade success!',
+        description: `Workspace upgraded to ${toTitleCase(status)} 🎉`,
+      })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isReady])
+
+  const typebotId = query.typebotId?.toString()
+  return (
+    <>
+      <ToastContainer />
+      <ChakraProvider theme={customTheme}>
+        <SessionProvider session={session}>
+          <UserProvider>
+            {typebotId ? (
+              <TypebotProvider typebotId={typebotId}>
+                <WorkspaceProvider>
+                  <Component />
+                  <SupportBubble />
+                </WorkspaceProvider>
+              </TypebotProvider>
+            ) : (
+              <WorkspaceProvider>
+                <Component {...pageProps} />
+                <SupportBubble />
+              </WorkspaceProvider>
+            )}
+          </UserProvider>
+        </SessionProvider>
+      </ChakraProvider>
+    </>
+  )
+}
+
+export default App