💄 Better toast UI when it doesn't contain details

apps/builder/src/components/Toast.tsx

@@ -36,7 +36,7 @@ export const Toast = ({
       shadow="sm"
       fontSize="sm"
       pos="relative"
-      maxW="450px"
+      maxW={details ? '450px' : '300px'}
     >
       <HStack alignItems="flex-start" pr="7" spacing="3" w="full">
         <Icon customIcon={icon} status={status} />{' '}

apps/builder/src/features/templates/components/ImportTypebotFromFileButton.tsx

@@ -26,6 +26,10 @@ export const ImportTypebotFromFileButton = ({
       console.error(err)
       showToast({
         description: "Failed to parse the file. Are you sure it's a typebot?",
+        details: {
+          content: JSON.stringify(err, null, 2),
+          lang: 'json',
+        },
       })
     }
   }