feat: ⚡️ Add docs and connect Stripe

apps/builder/components/shared/buttons/UpgradeButton.tsx

@@ -0,0 +1,16 @@
+import { Button, ButtonProps, useDisclosure } from '@chakra-ui/react'
+import React from 'react'
+import { UpgradeModal } from '../modals/UpgradeModal.'
+import { LimitReached } from '../modals/UpgradeModal./UpgradeModal'
+
+type Props = { type?: LimitReached } & ButtonProps
+
+export const UpgradeButton = ({ type, ...props }: Props) => {
+  const { isOpen, onOpen, onClose } = useDisclosure()
+  return (
+    <Button colorScheme="blue" {...props} onClick={onOpen}>
+      Upgrade
+      <UpgradeModal isOpen={isOpen} onClose={onClose} type={type} />
+    </Button>
+  )
+}