fix(form-builder): fix page crash on form deletion

Closes #42

app/components/component-formbuilder/src/components/FormBuilderLayout.js

@@ -53,6 +53,7 @@ const FormBuilderLayout = ({
           key="delete-form"
           onClick={e => {
             e.preventDefault()
+            e.stopPropagation()
             deleteForm({
               variables: { formId: form.id },
             })
@@ -93,7 +94,8 @@ const FormBuilderLayout = ({
       <Columns>
         <Form>
           <Tabs
-            activeKey={`${activeFormId}`}
+            activeKey={activeFormId ?? 'new'}
+            key={activeFormId}
             onChange={tab => {
               setActiveFormId(tab)
               setActiveFieldId(null)

app/components/component-formbuilder/src/components/FormBuilderPage.js

@@ -69,7 +69,7 @@ const FormBuilderPage = () => {
   useEffect(() => {
     if (!loading && data) {
       if (data.getForms.length) {
-        setActiveFormId(data.getForms[0].id)
+        setActiveFormId(prevFormId => prevFormId ?? data.getForms[0].id)
       } else {
         setActiveFormId('new')
       }