Add wizard footer with Create button (Currently we have a divider and a button in the wrong place)

src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte

@@ -21,6 +21,8 @@
     import { providers } from './store';
     import CreateMember from '$routes/(console)/organization-[organization]/createMember.svelte';
 
+    let formRef: any;
+
     async function create() {
         try {
             let response: Models.Provider;
@@ -185,7 +187,7 @@
 </script>
 
 <Wizard title="Create provider" columnSize="l">
-    <Form onSubmit={create} isModal={false}>
+    <Form bind:this={formRef} onSubmit={create} isModal={false}>
         <Layout.Stack gap="xxl">
             <Fieldset legend="Provider">
                 <Provider />
@@ -193,9 +195,6 @@
             <Fieldset legend="Settings">
                 <Settings />
             </Fieldset>
-            <Layout.Stack justifyContent="flex-end" direction="row">
-                <Button submit>Create</Button>
-            </Layout.Stack>
         </Layout.Stack>
     </Form>
     <svelte:fragment slot="aside">
@@ -243,4 +242,9 @@
     {#if $newMemberModal}
         <CreateMember bind:showCreate={$newMemberModal} />
     {/if}
+    <svelte:fragment slot="footer">
+        <Layout.Stack justifyContent="flex-end" direction="row">
+            <Button on:click={() => formRef.triggerSubmit()}>Create</Button>
+        </Layout.Stack>
+    </svelte:fragment>
 </Wizard>