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/views/NewEditProjectView.vue

@@ -187,13 +187,6 @@
           @click.stop="showNostrPartnerInfo"
         />
       </div>
-      <!--
-      <div class="flex" @click="sendToTripHopping = !sendToTripHopping">
-        <input type="checkbox" class="mr-2" v-model="sendToTripHopping" />
-        <label>Send to TripHopping</label>
-        <font-awesome icon="circle-info" class="text-blue-500 ml-2 cursor-pointer" @click.stop="showNostrPartnerInfo" />
-      </div>
-      -->
     </div>
 
     <div class="mt-8">
@@ -261,7 +254,7 @@ import {
   VerifiedEvent,
 } from "nostr-tools/lib/esm/index.js";
 import { serializeEvent } from "nostr-tools/lib/esm/index.js";
-
+import { logger } from "../utils/logger";
 @Component({
   components: { ImageMethodDialog, LMap, LMarker, LTileLayer, QuickNav },
 })
@@ -364,7 +357,7 @@ export default class NewEditProjectView extends Vue {
         }
       }
     } catch (error) {
-      console.error("Got error retrieving that project", error);
+      logger.error("Got error retrieving that project", error);
       this.errNote("There was an error retrieving that project.");
     }
   }
@@ -398,7 +391,7 @@ export default class NewEditProjectView extends Vue {
         window.location.hostname === "localhost" &&
         !DEFAULT_IMAGE_API_SERVER.includes("localhost")
       ) {
-        console.log(
+        logger.log(
           "Using shared image API server, so only users on that server can play with images.",
         );
       }
@@ -412,7 +405,7 @@ export default class NewEditProjectView extends Vue {
         // don't bother with a notification
         // (either they'll simply continue or they're canceling and going back)
       } else {
-        console.error("Problem deleting image:", response);
+        logger.error("Problem deleting image:", response);
         this.$notify(
           {
             group: "alert",
@@ -427,10 +420,10 @@ export default class NewEditProjectView extends Vue {
 
       this.imageUrl = "";
     } catch (error) {
-      console.error("Error deleting image:", error);
+      logger.error("Error deleting image:", error);
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       if ((error as any).response.status === 404) {
-        console.log("The image was already deleted:", error);
+        logger.log("The image was already deleted:", error);
 
         this.imageUrl = "";
 
@@ -602,10 +595,7 @@ export default class NewEditProjectView extends Vue {
 
         this.$router.push({ path: "/project/" + projectPath });
       } else {
-        console.error(
-          "Got unexpected 'data' inside response from server",
-          resp,
-        );
+        logger.error("Got unexpected 'data' inside response from server", resp);
         this.$notify(
           {
             group: "alert",
@@ -622,7 +612,7 @@ export default class NewEditProjectView extends Vue {
         error?: { message?: string };
       }>;
       if (serverError) {
-        console.error("Got error from server", serverError);
+        logger.error("Got error from server", serverError);
         if (Object.prototype.hasOwnProperty.call(serverError, "message")) {
           userMessage =
             (serverError.response?.data?.error?.message as string) ||
@@ -648,7 +638,7 @@ export default class NewEditProjectView extends Vue {
           );
         }
       } else {
-        console.error("Here's the full error trying to save the claim:", error);
+        logger.error("Here's the full error trying to save the claim:", error);
         this.$notify(
           {
             group: "alert",
@@ -768,7 +758,7 @@ export default class NewEditProjectView extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      console.error(`Error sending to ${serviceName}`, error);
+      logger.error(`Error sending to ${serviceName}`, error);
       let errorMessage = `There was an error sending to ${serviceName}.`;
       if (error.response?.data?.error?.message) {
         errorMessage = error.response.data.error.message;
@@ -790,7 +780,7 @@ export default class NewEditProjectView extends Vue {
     this.isHiddenSpinner = false;
 
     if (this.numAccounts === 0) {
-      console.error("Error: there is no account.");
+      logger.error("Error: there is no account.");
     } else {
       this.saveProject();
     }