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

@@ -10,7 +10,10 @@
 
     <OnboardingDialog ref="onboardingDialog" />
 
-    <!-- prompt to install notifications with notificationsSupported, which we're making an advanced feature -->
+    <!--
+    prompt to install notifications with notificationsSupported, which we're making an advanced
+    feature
+    -->
     <div class="mb-8 mt-8">
       <div
         v-if="false"
@@ -76,7 +79,9 @@
 
       <div v-else>
         <!-- !isCreatingIdentifier -->
-        <!-- They should have an identifier, even if it's an auto-generated one that they'll never use. -->
+        <!-- 
+        They should have an identifier, even if it's an auto-generated one that they'll never use.
+        -->
         <div class="mb-4">
           <div
             v-if="!isRegistered"
@@ -278,39 +283,6 @@
                 </span>
               </span>
               <span class="col-span-10 justify-self-stretch overflow-hidden">
-                <!-- show giver and/or receiver profiles... which seemed like a good idea but actually adds clutter
-                <span
-                  v-if="
-                    record.giver.profileImageUrl ||
-                    record.receiver.profileImageUrl
-                  "
-                >
-                  <EntityIcon
-                    v-if="record.agentDid !== activeDid"
-                    :icon-size="32"
-                    :profile-image-url="record.giver.profileImageUrl"
-                    class="inline-block align-middle border border-slate-300 rounded-md mr-1"
-                  />
-                  <font-awesome
-                    v-if="
-                      record.agentDid !== activeDid &&
-                      record.recipientDid !== activeDid &&
-                      !record.fulfillsPlanHandleId
-                    "
-                    icon="ellipsis"
-                    class="text-slate"
-                  />
-                  <EntityIcon
-                    v-if="
-                      record.recipientDid !== activeDid &&
-                      !record.fulfillsPlanHandleId
-                    "
-                    :iconSize="32"
-                    :profile-image-url="record.receiver.profileImageUrl"
-                    class="inline-block align-middle border border-slate-300 rounded-md ml-1"
-                  />
-                </span>
-                -->
                 <span class="pl-2 block break-words">
                   {{ giveDescription(record) }}
                 </span>
@@ -447,7 +419,7 @@ interface GiveRecordWithContactInfo extends GiveSummaryRecord {
     profileImageUrl?: string;
   };
 }
-
+import { logger } from "../utils/logger";
 /**
  * HomeView - Main view component for the application's home page
  *
@@ -530,7 +502,7 @@ export default class HomeView extends Vue {
       await this.loadFeedData();
       await this.loadNewOffers();
       await this.checkOnboarding();
-    } catch (err: any) {
+    } catch (err: unknown) {
       this.handleError(err);
     }
   }
@@ -675,7 +647,7 @@ export default class HomeView extends Vue {
    * - Displays user notification
    * @param err Error object with optional userMessage
    */
-  private handleError(err: any) {
+  private handleError(err: unknown) {
     logConsoleAndDb("Error retrieving settings or feed: " + err, true);
     this.$notify(
       {
@@ -857,7 +829,7 @@ export default class HomeView extends Vue {
         }
       })
       .catch((e) => {
-        console.error("Error with feed load:", e);
+        logger.error("Error with feed load:", e);
         this.$notify(
           {
             group: "alert",
@@ -1098,7 +1070,7 @@ export default class HomeView extends Vue {
       // The Web Share API will handle sharing the URL appropriately
       this.imageCache.set(imageUrl, null);
     } catch (error) {
-      console.warn("Failed to cache image:", error);
+      logger.warn("Failed to cache image:", error);
     }
   }