fix: improve TypeScript type safety across views

Changes:
- Add proper type annotations for component properties
- Fix null checks with optional chaining
- Add missing interface properties
- Replace any with proper types where possible
- Move interfaces from endorserServer to interfaces/
- Add proper Router and Route typing
- Add default empty string for optional text fields

This improves type safety and reduces TypeScript errors across views.

src/views/ConfirmGiftView.vue

@@ -408,24 +408,26 @@ import * as yaml from "js-yaml";
 import * as R from "ramda";
 import { Component, Vue } from "vue-facing-decorator";
 import { useClipboard } from "@vueuse/core";
-import { Router } from "vue-router";
-
+import { RouteLocationNormalizedLoaded, Router } from "vue-router";
+import { GenericVerifiableCredential } from "../interfaces";
 import QuickNav from "../components/QuickNav.vue";
 import { NotificationIface } from "../constants/app";
 import { db, retrieveSettingsForActiveAccount } from "../db/index";
 import { Contact } from "../db/tables/contacts";
 import * as serverUtil from "../libs/endorserServer";
-import { displayAmount, GiveSummaryRecord } from "../libs/endorserServer";
+import { GiveSummaryRecord } from "../interfaces";
+import { displayAmount } from "../libs/endorserServer";
 import * as libsUtil from "../libs/util";
 import { isGiveAction, retrieveAccountDids } from "../libs/util";
 import TopMessage from "../components/TopMessage.vue";
 
 @Component({
-  methods: { displayAmount },
   components: { TopMessage, QuickNav },
 })
-export default class ClaimView extends Vue {
+export default class ConfirmGiftView extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
+  $route!: RouteLocationNormalizedLoaded;
+  $router!: Router;
 
   activeDid = "";
   allMyDids: Array<string> = [];
@@ -447,13 +449,14 @@ export default class ClaimView extends Vue {
   urlForNewGive = "";
   veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
   veriClaimDump = "";
-  veriClaimDidsVisible = {};
+  veriClaimDidsVisible: { [key: string]: string[] } = {};
   windowLocation = window.location.href;
 
   R = R;
   yaml = yaml;
   libsUtil = libsUtil;
   serverUtil = serverUtil;
+  displayAmount = displayAmount;
 
   resetThisValues() {
     this.confirmerIdList = [];
@@ -719,7 +722,7 @@ export default class ClaimView extends Vue {
         ),
       ),
     );
-    const confirmationClaim: serverUtil.GenericVerifiableCredential = {
+    const confirmationClaim: GenericVerifiableCredential = {
       "@context": "https://schema.org",
       "@type": "AgreeAction",
       object: goodClaim,