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/main.ts

@@ -9,6 +9,7 @@ import Notifications from "notiwind";
 import "./assets/styles/tailwind.css";
 import { FontAwesomeIcon } from "./lib/fontawesome";
 import Camera from "simple-vue-camera";
+import { logger } from "./utils/logger";
 
 // Can trigger this with a 'throw' inside some top-level function, eg. on the HomeView
 function setupGlobalErrorHandler(app: VueApp) {
@@ -18,7 +19,7 @@ function setupGlobalErrorHandler(app: VueApp) {
     instance: ComponentPublicInstance | null,
     info: string,
   ) => {
-    console.error(
+    logger.error(
       "Ouch! Global Error Handler.",
       "Error:",
       err,