add page to show mnemonic seed phrase for backup

src/views/NewEditProjectView.vue

@@ -63,6 +63,8 @@
       </button>
     </div>
   </section>
+
+  <!-- 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"
@@ -81,7 +83,6 @@ import * as didJwt from "did-jwt";
 import * as R from "ramda";
 import { Options, Vue } from "vue-class-component";
 
-import { AppString } from "@/constants/app";
 import { accountsDB, db } from "@/db";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { accessToken, SimpleSigner } from "@/libs/crypto";
@@ -105,8 +106,6 @@ export default class NewEditProjectView extends Vue {
   projectName = "";
   description = "";
   errorMessage = "";
-  alertTitle = "";
-  alertMessage = "";
 
   projectId = localStorage.getItem("projectId") || "";
   isHiddenSave = false;
@@ -249,12 +248,6 @@ export default class NewEditProjectView extends Vue {
     }
   }
 
-  public onClickClose() {
-    this.isAlertVisible = false;
-    this.alertTitle = "";
-    this.alertMessage = "";
-  }
-
   public async onSaveProjectClick() {
     this.isHiddenSave = true;
     this.isHiddenSpinner = false;
@@ -274,7 +267,15 @@ export default class NewEditProjectView extends Vue {
     this.$router.back();
   }
 
+  // This same popup code is in many files.
+  alertTitle = "";
+  alertMessage = "";
   isAlertVisible = false;
+  public onClickClose() {
+    this.isAlertVisible = false;
+    this.alertTitle = "";
+    this.alertMessage = "";
+  }
   public computedAlertClassNames() {
     return {
       hidden: !this.isAlertVisible,