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/crypto/index.ts

@@ -11,6 +11,7 @@ import {
   CONTACT_IMPORT_ONE_URL_PATH_TIME_SAFARI,
 } from "../../libs/endorserServer";
 import { DEFAULT_DID_PROVIDER_NAME } from "../veramo/setup";
+import { logger } from "../../utils/logger";
 
 export const DEFAULT_ROOT_DERIVATION_PATH = "m/84737769'/0'/0'/0'";
 
@@ -269,35 +270,35 @@ export async function testEncryptionDecryption() {
     const testMessage = "Hello, this is a test message! 🚀";
     const testPassword = "myTestPassword123";
 
-    console.log("Original message:", testMessage);
+    logger.log("Original message:", testMessage);
 
     // Test encryption
-    console.log("Encrypting...");
+    logger.log("Encrypting...");
     const encrypted = await encryptMessage(testMessage, testPassword);
-    console.log("Encrypted result:", encrypted);
+    logger.log("Encrypted result:", encrypted);
 
     // Test decryption
-    console.log("Decrypting...");
+    logger.log("Decrypting...");
     const decrypted = await decryptMessage(encrypted, testPassword);
-    console.log("Decrypted result:", decrypted);
+    logger.log("Decrypted result:", decrypted);
 
     // Verify
     const success = testMessage === decrypted;
-    console.log("Test " + (success ? "PASSED ✅" : "FAILED ❌"));
-    console.log("Messages match:", success);
+    logger.log("Test " + (success ? "PASSED ✅" : "FAILED ❌"));
+    logger.log("Messages match:", success);
 
     // Test with wrong password
-    console.log("\nTesting with wrong password...");
+    logger.log("\nTesting with wrong password...");
     try {
       await decryptMessage(encrypted, "wrongPassword");
-      console.log("Should not reach here");
+      logger.log("Should not reach here");
     } catch (error) {
-      console.log("Correctly failed with wrong password ✅");
+      logger.log("Correctly failed with wrong password ✅");
     }
 
     return success;
   } catch (error) {
-    console.error("Test failed with error:", error);
+    logger.error("Test failed with error:", error);
     return false;
   }
 }

src/libs/crypto/vc/passkeyDidPeer.ts

@@ -27,6 +27,7 @@ import {
   peerDidToPublicKeyBytes,
   verifyPeerSignature,
 } from "../../../libs/crypto/vc/didPeer";
+import { logger } from "../../../utils/logger";
 
 export interface JWK {
   kty: string;
@@ -69,7 +70,7 @@ export async function registerCredential(passkeyName?: string) {
 
   const credIdBase64Url = verification.registrationInfo?.credentialID as string;
   if (attResp.rawId !== credIdBase64Url) {
-    console.log("Warning! The raw ID does not match the credential ID.");
+    logger.warn("Warning! The raw ID does not match the credential ID.");
   }
   const credIdHex = Buffer.from(
     base64URLStringToArrayBuffer(credIdBase64Url),