fix: critical bug fixes - routes UUID, image paths, favorites loading, bottom nav debounce

frontend/src/views/MapView.vue

@@ -7,9 +7,9 @@ import { useMapStore } from "@/stores/map";
 import { useBusStopStore } from "@/stores/busStop";
 import { useCouponStore } from "@/stores/coupon";
 import { useGoogleMaps } from "@/composables/useGoogleMaps";
-import { API_URL } from "@/services/apiClient";
 import { telemetryService } from "@/services/telemetryService";
 import { analyticsService } from "@/services/analyticsService";
+import { getImageUrl } from "@/utils/imageUrl";
 
 import BusStopInfoModal from "@/components/BusStopInfoModal.vue";
 import type { BusStop } from '@/types'
@@ -194,11 +194,6 @@ function closePromoModal() {
 }
 
 
-function getImageUrl(path: string | null | undefined) {
-  if (!path) return '/default-coupon.png'
-  if (path.startsWith('http')) return path
-  return `${API_URL}${path.startsWith('/') ? '' : '/'}${path}`
-}
 
 async function claimPromo() {
   if (!selectedPromo.value) return
@@ -1150,7 +1145,12 @@ function clearNavigation() {
                 >
                   <!-- Image -->
                   <div class="sheet-img-wrap">
-                    <img :src="getImageUrl(currentPromo.image_url)" class="sheet-img" :alt="currentPromo.title" />
+                    <img 
+                      :src="getImageUrl(currentPromo.image_url, 'coupon')" 
+                      class="sheet-img" 
+                      :alt="currentPromo.title" 
+                      @error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'coupon')"
+                    />
                     <span v-if="currentPromo.discount_percentage" class="sheet-discount">
                       -{{ currentPromo.discount_percentage }}%
                     </span>
@@ -1203,7 +1203,11 @@ function clearNavigation() {
       <div v-if="showPromoModal && selectedPromo" class="promo-modal-overlay" @click="closePromoModal">
         <div class="promo-modal-content" @click.stop>
           <div class="promo-header-modal">
-            <img :src="getImageUrl(selectedPromo.image_url)" class="promo-img-modal" />
+            <img 
+              :src="getImageUrl(selectedPromo.image_url, 'coupon')" 
+              class="promo-img-modal" 
+              @error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'coupon')"
+            />
             <div class="promo-badge-modal">PROMO</div>
           </div>
           <div class="promo-body-modal">