add onboarding help instructions as separate page

src/views/HelpView.vue

@@ -83,9 +83,9 @@
 
       <h2 class="text-xl font-semibold">How do I add someone else?</h2>
       <p>
-        <button class="text-blue-500" @click="showOnboardInfo">
+        <a href="/help-onboarding" target="_blank" class="text-blue-500">
           Click here to show an alert with the steps.
-        </button>
+        </a>
         To start scanning, go
         <router-link class="text-blue-500" to="/contact-qr">here.</router-link>
       </p>
@@ -376,7 +376,6 @@ import { Component, Vue } from "vue-facing-decorator";
 import * as Package from "../../package.json";
 import QuickNav from "@/components/QuickNav.vue";
 import { NotificationIface } from "@/constants/app";
-import { ONBOARD_MESSAGE } from "@/libs/util";
 
 @Component({ components: { QuickNav } })
 export default class Help extends Vue {
@@ -384,17 +383,5 @@ export default class Help extends Vue {
 
   package = Package;
   commitHash = process.env.VUE_APP_GIT_HASH;
-
-  showOnboardInfo() {
-    this.$notify(
-      {
-        group: "alert",
-        type: "info",
-        title: "Onboard Someone",
-        text: ONBOARD_MESSAGE,
-      },
-      -1,
-    );
-  }
 }
 </script>