add page to show mnemonic seed phrase for backup

src/views/AccountViewView.vue

@@ -164,12 +164,13 @@
 
     <h3 class="text-sm uppercase font-semibold mb-3">Data</h3>
 
-    <a
+    <router-link
+      :to="{ name: 'seed-backup' }"
       href=""
       class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
     >
       Backup Identifier Seed
-    </a>
+    </router-link>
     <a
       class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6"
       @click="exportDatabase()"
@@ -291,6 +292,7 @@
       </span>
     </div>
 
+    <!-- This same popup code is in many files. -->
     <div v-bind:class="computedAlertClassNames()">
       <button
         class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"
@@ -542,16 +544,15 @@ export default class AccountViewView extends Vue {
     this.apiServerInput = value;
   }
 
+  // This same popup code is in many files.
   alertMessage = "";
   alertTitle = "";
   isAlertVisible = false;
-
   public onClickClose() {
     this.isAlertVisible = false;
     this.alertTitle = "";
     this.alertMessage = "";
   }
-
   public computedAlertClassNames() {
     return {
       hidden: !this.isAlertVisible,