Add user account page

apps/builder/layouts/account/AccountContent.tsx

@@ -0,0 +1,34 @@
+import { Flex, Stack, Heading, Divider, Button } from '@chakra-ui/react'
+import { ChevronLeftIcon } from 'assets/icons'
+import { NextChakraLink } from 'components/nextChakra/NextChakraLink'
+import React from 'react'
+import { PersonalInfoForm } from 'components/account/PersonalInfoForm'
+import { BillingSection } from 'components/account/BillingSection'
+
+export const AccountContent = () => {
+  return (
+    <Flex h="full" w="full" justifyContent="center" align="flex-start">
+      <Stack maxW="600px" w="full" pt="4" spacing={10}>
+        <Flex>
+          <Button
+            as={NextChakraLink}
+            variant="outline"
+            size="sm"
+            leftIcon={<ChevronLeftIcon />}
+            href="/typebots"
+          >
+            Back
+          </Button>
+        </Flex>
+
+        <Heading as="h1" fontSize="3xl">
+          Account Settings
+        </Heading>
+        <Divider />
+        <PersonalInfoForm />
+        <Divider />
+        <BillingSection />
+      </Stack>
+    </Flex>
+  )
+}