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/libs/util.ts

@@ -27,6 +27,7 @@ import {
 import { KeyMeta } from "../libs/crypto/vc";
 import { createPeerDid } from "../libs/crypto/vc/didPeer";
 import { registerCredential } from "../libs/crypto/vc/passkeyDidPeer";
+import { logger } from "../utils/logger";
 
 export interface GiverReceiverInputInfo {
   did?: string;
@@ -222,7 +223,7 @@ export async function retrieveConfirmerIdList(
     };
     return result;
   } else {
-    console.error(
+    logger.error(
       "Bad response status of",
       response.status,
       "for confirmers:",
@@ -610,7 +611,7 @@ export const sendTestThroughPushServer = async (
     message: `Test, where you will see this message ${ skipFilter ? "un" : "" }filtered.`,
     title: skipFilter ? DIRECT_PUSH_TITLE : "Your Web Push",
   };
-  console.log("Sending a test web push message:", newPayload);
+  logger.log("Sending a test web push message:", newPayload);
   const payloadStr = JSON.stringify(newPayload);
   const response = await axios.post(
     pushUrl + "/web-push/send-test",
@@ -622,6 +623,6 @@ export const sendTestThroughPushServer = async (
     },
   );
 
-  console.log("Got response from web push server:", response);
+  logger.log("Got response from web push server:", response);
   return response;
 };