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/OfferDetailsView.vue

@@ -176,20 +176,19 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
-import { Router } from "vue-router";
+import { RouteLocationNormalizedLoaded, Router } from "vue-router";
 
 import QuickNav from "../components/QuickNav.vue";
 import TopMessage from "../components/TopMessage.vue";
 import { NotificationIface } from "../constants/app";
 import { db, retrieveSettingsForActiveAccount } from "../db/index";
+import { GenericCredWrapper, OfferVerifiableCredential } from "../interfaces";
 import {
   createAndSubmitOffer,
   didInfo,
   editAndSubmitOffer,
-  GenericCredWrapper,
   getPlanFromCache,
   hydrateOffer,
-  OfferVerifiableCredential,
 } from "../libs/endorserServer";
 import * as libsUtil from "../libs/util";
 import { retrieveAccountDids } from "../libs/util";
@@ -202,6 +201,8 @@ import { retrieveAccountDids } from "../libs/util";
 })
 export default class OfferDetailsView extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
+  $route!: RouteLocationNormalizedLoaded;
+  $router!: Router;
 
   activeDid = "";
   apiServer = "";
@@ -229,9 +230,9 @@ export default class OfferDetailsView extends Vue {
 
   async mounted() {
     try {
-      this.prevCredToEdit = (this.$route as Router).query["prevCredToEdit"]
+      this.prevCredToEdit = (this.$route.query["prevCredToEdit"] as string)
         ? (JSON.parse(
-            (this.$route as Router).query["prevCredToEdit"],
+            (this.$route.query["prevCredToEdit"] as string),
           ) as GenericCredWrapper<OfferVerifiableCredential>)
         : undefined;
     } catch (error) {
@@ -249,28 +250,26 @@ export default class OfferDetailsView extends Vue {
     const prevAmount =
       this.prevCredToEdit?.claim?.includesObject?.amountOfThisGood;
     this.amountInput =
-      (this.$route as Router).query["amountInput"] ||
+      (this.$route.query["amountInput"] as string) ||
       (prevAmount ? String(prevAmount) : "") ||
       this.amountInput;
-    this.unitCode = ((this.$route as Router).query["unitCode"] ||
+    this.unitCode = ((this.$route.query["unitCode"] as string) ||
       this.prevCredToEdit?.claim?.includesObject?.unitCode ||
       this.unitCode) as string;
 
     this.descriptionOfCondition =
       this.prevCredToEdit?.claim?.description || this.descriptionOfCondition;
     this.descriptionOfItem =
-      (this.$route as Router).query["description"] ||
+      (this.$route.query["description"] as string) ||
       this.prevCredToEdit?.claim?.itemOffered?.description ||
       this.descriptionOfItem;
-    this.destinationPathAfter = (this.$route as Router).query[
-      "destinationPathAfter"
-    ];
-    this.offererDid = ((this.$route as Router).query["offererDid"] ||
-      this.prevCredToEdit?.claim?.agent?.identifier ||
+    this.destinationPathAfter = (this.$route.query["destinationPathAfter"] as string) || "";
+    this.offererDid = ((this.$route.query["offererDid"] as string) ||
+      (this.prevCredToEdit?.claim?.agent as any)?.identifier ||
       this.offererDid) as string;
     this.hideBackButton =
-      (this.$route as Router).query["hideBackButton"] === "true";
-    this.message = ((this.$route as Router).query["message"] as string) || "";
+      (this.$route.query["hideBackButton"] as string) === "true";
+    this.message = ((this.$route.query["message"] as string) || "");
 
     // find any project ID
     let project;
@@ -280,17 +279,17 @@ export default class OfferDetailsView extends Vue {
     ) {
       project = this.prevCredToEdit?.claim?.itemOffered?.isPartOf;
     }
-    this.projectId = ((this.$route as Router).query["projectId"] ||
+    this.projectId = ((this.$route.query["projectId"] as string) ||
       project?.identifier ||
       this.projectId) as string;
-    this.projectName = ((this.$route as Router).query["projectName"] ||
+    this.projectName = ((this.$route.query["projectName"] as string) ||
       project?.name ||
       this.projectName) as string;
 
-    this.recipientDid = ((this.$route as Router).query["recipientDid"] ||
+    this.recipientDid = ((this.$route.query["recipientDid"] as string) ||
       this.prevCredToEdit?.claim?.recipient?.identifier) as string;
     this.recipientName =
-      ((this.$route as Router).query["recipientName"] as string) || "";
+      ((this.$route.query["recipientName"] as string) || "");
 
     this.validThroughDateInput =
       this.prevCredToEdit?.claim?.validThrough || this.validThroughDateInput;