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/electron/main.js

@@ -1,6 +1,7 @@
 const { app, BrowserWindow } = require("electron");
 const path = require("path");
 const fs = require("fs");
+const logger = require("../utils/logger");
 
 // Check if running in dev mode
 const isDev = process.argv.includes("--inspect");
@@ -8,8 +9,8 @@ const isDev = process.argv.includes("--inspect");
 function createWindow() {
   // Add before createWindow function
   const preloadPath = path.join(__dirname, "preload.js");
-  console.log("Checking preload path:", preloadPath);
-  console.log("Preload exists:", fs.existsSync(preloadPath));
+  logger.log("Checking preload path:", preloadPath);
+  logger.log("Preload exists:", fs.existsSync(preloadPath));
 
   // Create the browser window.
   const mainWindow = new BrowserWindow({
@@ -65,25 +66,25 @@ function createWindow() {
 
   if (isDev) {
     // Debug info
-    console.log("Debug Info:");
-    console.log("Running in dev mode:", isDev);
-    console.log("App is packaged:", app.isPackaged);
-    console.log("Process resource path:", process.resourcesPath);
-    console.log("App path:", app.getAppPath());
-    console.log("__dirname:", __dirname);
-    console.log("process.cwd():", process.cwd());
+    logger.log("Debug Info:");
+    logger.log("Running in dev mode:", isDev);
+    logger.log("App is packaged:", app.isPackaged);
+    logger.log("Process resource path:", process.resourcesPath);
+    logger.log("App path:", app.getAppPath());
+    logger.log("__dirname:", __dirname);
+    logger.log("process.cwd():", process.cwd());
   }
 
   const indexPath = path.join(__dirname, "www", "index.html");
 
   if (isDev) {
-    console.log("Loading index from:", indexPath);
-    console.log("www path:", path.join(__dirname, "www"));
-    console.log("www assets path:", path.join(__dirname, "www", "assets"));
+    logger.log("Loading index from:", indexPath);
+    logger.log("www path:", path.join(__dirname, "www"));
+    logger.log("www assets path:", path.join(__dirname, "www", "assets"));
   }
 
   if (!fs.existsSync(indexPath)) {
-    console.error(`Index file not found at: ${indexPath}`);
+    logger.error(`Index file not found at: ${indexPath}`);
     throw new Error("Index file not found");
   }
 
@@ -110,38 +111,38 @@ function createWindow() {
   mainWindow
     .loadFile(indexPath)
     .then(() => {
-      console.log("Successfully loaded index.html");
+      logger.log("Successfully loaded index.html");
       if (isDev) {
         mainWindow.webContents.openDevTools();
-        console.log("DevTools opened - running in dev mode");
+        logger.log("DevTools opened - running in dev mode");
       }
     })
     .catch((err) => {
-      console.error("Failed to load index.html:", err);
-      console.error("Attempted path:", indexPath);
+      logger.error("Failed to load index.html:", err);
+      logger.error("Attempted path:", indexPath);
     });
 
   // Listen for console messages from the renderer
   mainWindow.webContents.on("console-message", (_event, level, message) => {
-    console.log("Renderer Console:", message);
+    logger.log("Renderer Console:", message);
   });
 
   // Add right after creating the BrowserWindow
   mainWindow.webContents.on(
     "did-fail-load",
     (event, errorCode, errorDescription) => {
-      console.error("Page failed to load:", errorCode, errorDescription);
+      logger.error("Page failed to load:", errorCode, errorDescription);
     },
   );
 
   mainWindow.webContents.on("preload-error", (event, preloadPath, error) => {
-    console.error("Preload script error:", preloadPath, error);
+    logger.error("Preload script error:", preloadPath, error);
   });
 
   mainWindow.webContents.on(
     "console-message",
     (event, level, message, line, sourceId) => {
-      console.log("Renderer Console:", line, sourceId, message);
+      logger.log("Renderer Console:", line, sourceId, message);
     },
   );
 
@@ -169,5 +170,5 @@ app.on("activate", () => {
 
 // Handle any errors
 process.on("uncaughtException", (error) => {
-  console.error("Uncaught Exception:", error);
+  logger.error("Uncaught Exception:", error);
 });