feat(editor): ✨ Zoom in/out

apps/builder/components/shared/Graph/ZoomButtons.tsx

@@ -0,0 +1,37 @@
+import { Stack, IconButton } from '@chakra-ui/react'
+import { PlusIcon, MinusIcon } from 'assets/icons'
+import { headerHeight } from '../TypebotHeader'
+
+type Props = {
+  onZoomIn: () => void
+  onZoomOut: () => void
+}
+export const ZoomButtons = ({ onZoomIn, onZoomOut }: Props) => (
+  <Stack
+    pos="fixed"
+    top={`calc(${headerHeight}px + 70px)`}
+    right="40px"
+    bgColor="white"
+    rounded="md"
+    zIndex={1}
+    spacing="0"
+    shadow="lg"
+  >
+    <IconButton
+      icon={<PlusIcon />}
+      aria-label={'Zoom out'}
+      size="sm"
+      onClick={onZoomIn}
+      bgColor="white"
+      borderBottomRadius={0}
+    />
+    <IconButton
+      icon={<MinusIcon />}
+      aria-label={'Zoom out'}
+      size="sm"
+      onClick={onZoomOut}
+      bgColor="white"
+      borderTopRadius={0}
+    />
+  </Stack>
+)