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

@@ -7,6 +7,7 @@ import {
   RouteRecordRaw,
 } from "vue-router";
 import { accountsDBPromise } from "../db/index";
+import { logger } from "../utils/logger";
 
 /**
  *
@@ -307,7 +308,7 @@ const errorHandler = (
   from: RouteLocationNormalized,
 ) => {
   // Handle the error here
-  console.error("Caught in top level error handler:", error, to, from);
+  logger.error("Caught in top level error handler:", error, to, from);
   alert("Something is very wrong. Try reloading or restarting the app.");
 
   // You can also perform additional actions, such as displaying an error message or redirecting the user to a specific page