Resolve "UI improvements"

Closes #67 (closed)

src/components/object-storage/modals/CreateBucketModal.vue

@@ -38,9 +38,9 @@ function createBucket() {
   bucket.name = bucket.name.trim();
   if (bucketCreateForm.value?.checkValidity()) {
     formState.loading = true;
-    bucketRepository.createBucket(
-      bucket,
-      (createdBucket) => {
+    bucketRepository
+      .createBucket(bucket)
+      .then((createdBucket) => {
         createBucketModal?.hide();
         bucket.name = "";
         bucket.description = "";
@@ -50,19 +50,18 @@ function createBucket() {
           name: "bucket",
           params: { bucketName: createdBucket.name, subFolders: [] },
         });
-      },
-      (error) => {
+      })
+      .catch((error) => {
         if (
           error.status === 400 &&
           error.body["detail"] === "Bucket name is already taken"
         ) {
           formState.bucketNameTaken = true;
         }
-      },
-      () => {
+      })
+      .finally(() => {
         formState.loading = false;
-      },
-    );
+      });
   }
 }
 
@@ -79,7 +78,7 @@ function modalClosed() {
     modal-label="Create Bucket Modal"
     v-on="{ 'hidden.bs.modal': modalClosed }"
   >
-    <template v-slot:header> Create new S3 Bucket </template>
+    <template v-slot:header> Create new S3 Bucket</template>
     <template v-slot:body>
       <form
         id="bucketCreateForm"