fix async handling for variable creation

packages/builder/src/components/backend/DatasourceNavigator/TableIntegrationMenu/IntegrationConfigForm.svelte

@@ -9,6 +9,7 @@
     Modal,
     EnvDropdown,
     Accordion,
+    notifications,
   } from "@budibase/bbui"
   import KeyValueBuilder from "components/integration/KeyValueBuilder.svelte"
   import { capitalise } from "helpers"
@@ -79,10 +80,14 @@
       .map(([key]) => key)
   }
 
-  function save(data) {
-    environment.createVariable(data)
-    config[selectedKey] = `{{ env.${data.name} }}`
-    createVariableModal.hide()
+  async function save(data) {
+    try {
+      await environment.createVariable(data)
+      config[selectedKey] = `{{ env.${data.name} }}`
+      createVariableModal.hide()
+    } catch (err) {
+      notifications.error(`Failed to create variable: ${err.message}`)
+    }
   }
 
   function showModal(configKey) {

packages/builder/src/components/backend/DatasourceNavigator/TableIntegrationMenu/rest/auth/RestAuthenticationModal.svelte

@@ -8,6 +8,7 @@
     Input,
     EnvDropdown,
     Modal,
+    notifications,
   } from "@budibase/bbui"
   import { AUTH_TYPE_LABELS, AUTH_TYPES } from "./authTypes"
   import BindableCombobox from "components/common/bindings/BindableCombobox.svelte"
@@ -171,10 +172,14 @@
     }
   }
 
-  const save = data => {
-    environment.createVariable(data)
-    form.basic[formFieldkey] = `{{ env.${data.name} }}`
-    createVariableModal.hide()
+  const save = async data => {
+    try {
+      await environment.createVariable(data)
+      form.basic[formFieldkey] = `{{ env.${data.name} }}`
+      createVariableModal.hide()
+    } catch (err) {
+      notifications.error(`Failed to create variable: ${err.message}`)
+    }
   }
 
   const onFieldChange = () => {