show more redeemed info & action on the invites, refactor onboarding instructions

src/components/ContactNameDialog.vue

@@ -1,8 +1,8 @@
-<!-- similar to ContactNameDialog -->
+<!-- similar to UserNameDialog -->
 <template>
   <div v-if="visible" class="dialog-overlay">
     <div class="dialog">
-      <h1 class="text-xl font-bold text-center mb-4">Inviter's Name</h1>
+      <h1 class="text-xl font-bold text-center mb-4">Contact Name</h1>
       Note that their name is only stored on this device.
       <input
         type="text"
@@ -37,7 +37,7 @@
 import { Vue, Component } from "vue-facing-decorator";
 
 @Component
-export default class UserNameDialog extends Vue {
+export default class ContactNameDialog extends Vue {
   callback: (name?: string) => void = () => {};
   newText = "";
   visible = false;