update onboarding hint message, justify text on QR page

src/libs/util.ts

@@ -16,7 +16,7 @@ const Buffer = require("buffer/").Buffer;
 // If you edit this, check that the numbers still line up on the side in the alert (on mobile, too),
 // and make sure they can take all actions while the notification shows.
 export const ONBOARD_MESSAGE =
-  "1) Check that they have entered their name on the profile page in their device. 2) Add them to your Contacts by scanning with the QR icon that is by the input box. 3) Click the person icon to register them. 4) Have them go to their Contact page and scan your QR to add you to their list.";
+  "1) Read through all their yellow prompts. 2) Add them to your Contacts by scanning with the QR icon that is by the input box. 3) Click the person icon to register them. 4) Show them your QR so they'll scan you. 5) Have them enable notifications.";
 
 /* eslint-disable prettier/prettier */
 export const UNIT_SHORT: Record<string, string> = {

src/views/ContactQRScanShowView.vue

@@ -33,7 +33,7 @@
       </p>
     </div>
 
-    <div @click="onCopyToClipboard()" v-if="activeDid">
+    <div @click="onCopyToClipboard()" v-if="activeDid" class="text-center">
       <!--
         Play with display options: https://qr-code-styling.com/
         See docs: https://www.npmjs.com/package/qr-code-generator-vue3
@@ -44,9 +44,7 @@
         :dotsOptions="{ type: 'square' }"
         class="flex justify-center"
       />
-      <span class="flex justify-center">
+      <span> Click QR to copy your contact URL to your clipboard. </span>
-        Click QR to copy your contact URL to your clipboard.
-      </span>
     </div>
     <div class="text-center" v-else>
       You have no identitifiers yet, so