refactor: Replace console logging with logger utility

- Add logger import across multiple view components
- Replace console.error/warn/log with logger methods
- Update error handling to use structured logging
- Improve type safety for error objects
- Add crypto-browserify polyfill for browser environment

The changes improve logging by:
1. Using consistent logging interface
2. Adding structured error logging
3. Improving error type safety
4. Centralizing logging configuration
5. Fixing browser compatibility issues

Affected files:
- Multiple view components
- vite.config.ts
- Build configuration

src/views/ContactAmountsView.vue

@@ -132,7 +132,7 @@ import {
   SCHEMA_ORG_CONTEXT,
 } from "../libs/endorserServer";
 import { retrieveAccountCount } from "../libs/util";
-
+import { logger } from "../utils/logger";
 @Component({ components: { QuickNav } })
 export default class ContactAmountssView extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
@@ -165,7 +165,7 @@ export default class ContactAmountssView extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (err: any) {
-      console.error("Error retrieving settings or gives.", err);
+      logger.error("Error retrieving settings or gives.", err);
       this.$notify(
         {
           group: "alert",
@@ -194,7 +194,7 @@ export default class ContactAmountssView extends Vue {
       if (resp.status === 200) {
         result = resp.data.data;
       } else {
-        console.error(
+        logger.error(
           "Got bad response status & data of",
           resp.status,
           resp.data,
@@ -221,7 +221,7 @@ export default class ContactAmountssView extends Vue {
       if (resp2.status === 200) {
         result = R.concat(result, resp2.data.data);
       } else {
-        console.error(
+        logger.error(
           "Got bad response status & data of",
           resp2.status,
           resp2.data,