Show routes in hub info panel offers

Replace OfferCard with OfferResultCard when displaying offers
for a hub after product selection. This shows the route stages
and distance to the hub instead of just offer info.

app/components/catalog/InfoPanel.vue

@@ -139,12 +139,15 @@
               <p>{{ $t('catalog.empty.noOffers') }}</p>
             </div>
             <div v-else class="flex flex-col gap-2">
-              <OfferCard
+              <OfferResultCard
                 v-for="offer in relatedOffers"
                 :key="offer.uuid"
-                :offer="offer"
+                :location-name="offer.locationName || offer.productName"
-                selectable
+                :product-name="offer.productName"
-                compact
+                :price-per-unit="offer.pricePerUnit ? Number(offer.pricePerUnit) : null"
+                :currency="offer.currency"
+                :unit="offer.unit"
+                :stages="getOfferStages(offer)"
                 @select="onOfferSelect(offer)"
               />
             </div>
@@ -317,4 +320,14 @@ const onOfferSelect = (offer: any) => {
     emit('open-info', 'offer', offer.uuid)
   }
 }
+
+// Extract route stages for OfferResultCard
+const getOfferStages = (offer: any) => {
+  const route = offer.routes?.[0]
+  if (!route?.stages) return []
+  return route.stages.filter(Boolean).map((stage: any) => ({
+    transportType: stage?.transportType,
+    distanceKm: stage?.distanceKm
+  }))
+}
 </script>