add test for new name-entry & copy-to-clipboard flow

src/views/AccountViewView.vue

@@ -57,14 +57,14 @@
         v-else
         class="block w-full text-center text-md bg-amber-200 border border-dashed border-slate-400 px-1.5 py-2 rounded-md mb-2"
       >
-        <span
+        <button
           @click="
             () => $refs.userNameDialog.open((name) => (this.givenName = name))
           "
           class="inline-block text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
         >
           Set Your Name
-        </span>
+        </button>
         <UserNameDialog ref="userNameDialog" />
       </span>
       <div class="flex justify-center mt-4">