feat(migration): migrate core identity views to Active Identity façade

Replace settings.activeDid reads with $getActiveDid() calls in critical
identity management components. This continues the Active Identity table
separation migration by updating components to use the new façade API
instead of direct database field access.

Components migrated:
- AccountViewView: user account settings and profile management
- ClaimView: credential/claim viewing and verification
- ContactsView: contact management and invitation processing
- DIDView: DID display and identity information
- ProjectsView: project listing and management

All components maintain backward compatibility through dual-write pattern
while transitioning to the new active_identity table structure.

src/views/AccountViewView.vue

@@ -1035,7 +1035,8 @@ export default class AccountViewView extends Vue {
     // Then get the account-specific settings
     const settings: AccountSettings = await this.$accountSettings();
 
-    this.activeDid = settings.activeDid || "";
+    // Use new Active Identity façade instead of settings.activeDid
+    this.activeDid = (await this.$getActiveDid()) || "";
     this.apiServer = settings.apiServer || "";
     this.apiServerInput = settings.apiServer || "";
     this.givenName =

src/views/ClaimView.vue

@@ -728,7 +728,8 @@ export default class ClaimView extends Vue {
 
     const settings = await this.$accountSettings();
 
-    this.activeDid = settings.activeDid || "";
+    // Use new Active Identity façade instead of settings.activeDid
+    this.activeDid = (await this.$getActiveDid()) || "";
     this.apiServer = settings.apiServer || "";
     this.allContacts = await this.$contacts();
 

src/views/ContactsView.vue

@@ -295,7 +295,8 @@ export default class ContactsView extends Vue {
     this.notify = createNotifyHelpers(this.$notify);
 
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+    // Use new Active Identity façade instead of settings.activeDid
+    this.activeDid = (await this.$getActiveDid()) || "";
     this.apiServer = settings.apiServer || "";
     this.isRegistered = !!settings.isRegistered;
 

src/views/DIDView.vue

@@ -373,7 +373,8 @@ export default class DIDView extends Vue {
    */
   private async initializeSettings() {
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+    // Use new Active Identity façade instead of settings.activeDid
+    this.activeDid = (await this.$getActiveDid()) || "";
     this.apiServer = settings.apiServer || "";
   }
 

src/views/ProjectsView.vue

@@ -386,7 +386,8 @@ export default class ProjectsView extends Vue {
    */
   private async initializeUserSettings() {
     const settings = await this.$accountSettings();
-    this.activeDid = settings.activeDid || "";
+    // Use new Active Identity façade instead of settings.activeDid
+    this.activeDid = (await this.$getActiveDid()) || "";
     this.apiServer = settings.apiServer || "";
     this.isRegistered = !!settings.isRegistered;
     this.givenName = settings.firstName || "";