refactor: ♻️ Toast component

apps/builder/components/shared/hooks/useToast.tsx

@@ -0,0 +1,20 @@
+import { useToast as useChakraToast, UseToastOptions } from '@chakra-ui/toast'
+
+export const useToast = () => {
+  const toast = useChakraToast()
+
+  const showToast = ({
+    title,
+    description,
+    status = 'error',
+  }: UseToastOptions) => {
+    toast({
+      position: 'bottom-right',
+      description,
+      title,
+      status,
+    })
+  }
+
+  return { showToast }
+}