perf: optimization phases 3-5

frontend/src/views/TaxiView.vue

@@ -187,11 +187,13 @@ function getShiftLabel(shift: string) {
       </div>
       
       <div v-else class="taxis-grid">
-        <div v-for="taxi in filteredTaxis" :key="taxi.id" class="taxi-card-new">
+        <div v-for="taxi in filteredTaxis" :key="taxi.id" v-memo="[taxi.id]" class="taxi-card-new">
           <div class="card-top">
             <div class="driver-avatar">
               <img 
                 :src="getImageUrl(taxi.image_url, 'taxi')" 
+                loading="lazy" 
+                decoding="async"
                 alt="Driver"
                 @error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'taxi')"
               >
@@ -284,6 +286,7 @@ function getShiftLabel(shift: string) {
         <div 
           v-for="shuttle in filteredShuttles" 
           :key="shuttle.id" 
+          v-memo="[shuttle.id]"
           :ref="el => setShuttleRef(el, shuttle.id)"
           class="shuttle-card"
           :class="{ expanded: expandedShuttleId === shuttle.id }"
@@ -296,6 +299,8 @@ function getShiftLabel(shift: string) {
         >
           <img 
             :src="getImageUrl(shuttle.image_url, 'shuttle')" 
+            loading="lazy" 
+            decoding="async"
             class="shuttle-card-bg"
             @error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'shuttle')"
           />