switch the encryption secret from localStorage to IndexedDB (because localStorage gets lost so often)

src/views/SeedBackupView.vue

@@ -99,14 +99,17 @@
 </template>
 
 <script lang="ts">
-import * as R from "ramda";
 import { Component, Vue } from "vue-facing-decorator";
 import { useClipboard } from "@vueuse/core";
 
 import QuickNav from "@/components/QuickNav.vue";
 import { NotificationIface } from "@/constants/app";
-import { accountsDB, retrieveSettingsForActiveAccount } from "@/db/index";
+import { retrieveSettingsForActiveAccount } from "@/db/index";
 import { Account } from "@/db/tables/accounts";
+import {
+  retrieveAccountCount,
+  retrieveFullyDecryptedAccount,
+} from "@/libs/util";
 
 @Component({ components: { QuickNav } })
 export default class SeedBackupView extends Vue {
@@ -124,10 +127,8 @@ export default class SeedBackupView extends Vue {
       const settings = await retrieveSettingsForActiveAccount();
       const activeDid = settings.activeDid || "";
 
-      await accountsDB.open();
-      const accounts = await accountsDB.accounts.toArray();
-      this.numAccounts = accounts.length;
-      this.activeAccount = R.find((acc) => acc.did === activeDid, accounts);
+      this.numAccounts = await retrieveAccountCount();
+      this.activeAccount = await retrieveFullyDecryptedAccount(activeDid);
     } catch (err: unknown) {
       console.error("Got an error loading an identifier:", err);
       this.$notify(