Fix: Add loading spinner to self-hosted project creation modal

Author: HarshMN2345

src/routes/(console)/organization-[organization]/createProject.svelte

@@ -21,10 +21,12 @@
     let showCustomId = false;
     let disabled: boolean = false;
     let name: string = 'New project';
+    let showSubmissionLoader = false;
 
     async function create() {
         try {
             disabled = true;
+            showSubmissionLoader = true;
             const project = await sdk.forConsole.projects.create(id ?? ID.unique(), name, teamId);
             show = false;
             dispatch('created', project);
@@ -40,7 +42,9 @@
         } catch (e) {
             error = e.message;
             trackError(e, Submit.ProjectCreate);
+        } finally {
             disabled = false;
+            showSubmissionLoader = false;
         }
     }
 </script>
@@ -62,6 +66,10 @@
 
     <svelte:fragment slot="footer">
         <Button secondary on:click={() => (show = false)}>Cancel</Button>
-        <Button submit {disabled}>Create</Button>
+        <Button
+            submit
+            {disabled}
+            forceShowLoader={showSubmissionLoader}
+            submissionLoader={showSubmissionLoader}>Create</Button>
     </svelte:fragment>
 </Modal>