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/preload.js

@@ -1,5 +1,27 @@
 const { contextBridge, ipcRenderer } = require("electron");
 
+const logger = {
+  log: (message, ...args) => {
+    if (process.env.NODE_ENV !== "production") {
+      /* eslint-disable no-console */
+      console.log(message, ...args);
+      /* eslint-enable no-console */
+    }
+  },
+  warn: (message, ...args) => {
+    if (process.env.NODE_ENV !== "production") {
+      /* eslint-disable no-console */
+      console.warn(message, ...args);
+      /* eslint-enable no-console */
+    }
+  },
+  error: (message, ...args) => {
+    /* eslint-disable no-console */
+    console.error(message, ...args); // Errors should always be logged
+    /* eslint-enable no-console */
+  },
+};
+
 // Use a more direct path resolution approach
 const getPath = (pathType) => {
   switch (pathType) {
@@ -19,7 +41,7 @@ const getPath = (pathType) => {
   }
 };
 
-console.log("Preload script starting...");
+logger.log("Preload script starting...");
 
 try {
   contextBridge.exposeInMainWorld("electronAPI", {
@@ -50,7 +72,7 @@ try {
     },
   });
 
-  console.log("Preload script completed successfully");
+  logger.log("Preload script completed successfully");
 } catch (error) {
-  console.error("Error in preload script:", error);
+  logger.error("Error in preload script:", error);
 }