make display on creation page look halfway decent, and switch fully to it

src/views/NewIdentifierView.vue

@@ -54,18 +54,32 @@
       Your Identity
     </h1>
 
-    <div class="flex justify-between py-2">
+    <div class="flex justify-center py-12">
       <span />
       <span v-if="loading">
-        Creating... <i class="fa-solid fa-loader fa-spin"></i>
+        <span class="text-xl">Creating...&nbsp;</span>
+        <fa
+          icon="spinner"
+          class="fa-spin fa-spin-pulse"
+          color="green"
+          size="128"
+        ></fa>
       </span>
       <span v-else>
-        Created!
-        <i
-          class="fa-solid fa-burst fa-beat"
-          style="--fa-animation-duration: 3s"
-        ></i>
+        <span class="text-xl">Created!</span>
+        <fa
+          icon="burst"
+          class="fa-beat px-12"
+          color="green"
+          style="
+            --fa-animation-duration: 1s;
+            --fa-animation-direction: reverse;
+            --fa-animation-iteration-count: 1;
+            --fa-beat-scale: 6;
+          "
+        ></fa>
       </span>
+      <span />
     </div>
   </section>
 </template>
@@ -106,7 +120,7 @@ export default class AccountViewView extends Vue {
     this.loading = false;
     setTimeout(() => {
       this.$router.push({ name: "account" });
-    }, 3000);
+    }, 1000);
   }
 }
 </script>