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/components/World/components/objects/landmarks.js

@@ -5,6 +5,7 @@ import * as SkeletonUtils from "three/addons/utils/SkeletonUtils";
 import * as TWEEN from "@tweenjs/tween.js";
 import { retrieveSettingsForActiveAccount } from "../../../../db";
 import { getHeaders } from "../../../../libs/endorserServer";
+import { logger } from "../../../../utils/logger";
 
 const ANIMATION_DURATION_SECS = 10;
 const ENDORSER_ENTITY_PREFIX = "https://endorser.ch/entity/";
@@ -82,7 +83,7 @@ export async function loadLandmarks(vue, world, scene, loop) {
         },
         undefined,
         function (error) {
-          console.error(error);
+          logger.error(error);
         },
       );
 
@@ -117,7 +118,7 @@ export async function loadLandmarks(vue, world, scene, loop) {
         world.lights = [...world.lights, light];
       }
     } else {
-      console.error(
+      logger.error(
         "Got bad server response status & data of",
         resp.status,
         resp.data,
@@ -128,7 +129,7 @@ export async function loadLandmarks(vue, world, scene, loop) {
       );
     }
   } catch (error) {
-    console.error("Got exception contacting server:", error);
+    logger.error("Got exception contacting server:", error);
     vue.setAlert(
       "Error With Server",
       "There was a problem retrieving your claims from the server.",