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/GiftedDetailsView.vue

@@ -279,6 +279,7 @@ import {
 } from "../libs/endorserServer";
 import * as libsUtil from "../libs/util";
 import { retrieveAccountDids } from "../libs/util";
+import { logger } from "../utils/logger";
 
 @Component({
   components: {
@@ -549,7 +550,7 @@ export default class GiftedDetails 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.",
         );
       }
@@ -563,7 +564,7 @@ export default class GiftedDetails 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",
@@ -580,10 +581,10 @@ export default class GiftedDetails extends Vue {
       localStorage.removeItem("imageUrl");
       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("Weird: the image was already deleted.", error);
+        logger.log("Weird: the image was already deleted.", error);
 
         localStorage.removeItem("imageUrl");
         this.imageUrl = "";
@@ -816,7 +817,7 @@ export default class GiftedDetails extends Vue {
         this.isGiveCreationError(result.response)
       ) {
         const errorMessage = this.getGiveCreationErrorMessage(result);
-        console.error("Error with give creation result:", result);
+        logger.error("Error with give creation result:", result);
         this.$notify(
           {
             group: "alert",
@@ -845,7 +846,7 @@ export default class GiftedDetails extends Vue {
       }
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      console.error("Error with give recordation caught:", error);
+      logger.error("Error with give recordation caught:", error);
       const errorMessage =
         error.userMessage ||
         error.response?.data?.error?.message ||