Update catalog cards - logo right in supplier, sparkline in product

- SupplierCard: Move logo to right side, text on left
- ProductCard: Generate mock priceHistory from uuid, add product icon

app/components/catalog/SupplierCard.vue

@@ -14,17 +14,9 @@
       ]"
     >
       <div class="flex flex-col gap-3">
-        <!-- Top row: Logo + Info -->
+        <!-- Top row: Info + Logo (logo on right) -->
         <div class="flex gap-3 items-start">
-          <!-- Logo -->
-          <div v-if="supplier.logo" class="w-12 h-12 shrink-0">
-            <img :src="supplier.logo" :alt="supplier.name || ''" class="w-full h-full object-contain rounded">
-          </div>
-          <div v-else class="w-12 h-12 shrink-0 bg-primary/10 text-primary font-bold rounded flex items-center justify-center text-lg">
-            {{ supplier.name?.charAt(0) }}
-          </div>
-
-          <!-- Info -->
+          <!-- Info (left) -->
           <div class="min-w-0 flex-1">
             <!-- Name with verified badge -->
             <div class="flex items-center gap-1.5">
@@ -40,6 +32,14 @@
               {{ countryFlag }} {{ supplier.country || t('catalogMap.labels.country_unknown') }}
             </Text>
           </div>
+
+          <!-- Logo (right) -->
+          <div v-if="supplier.logo" class="w-12 h-12 shrink-0">
+            <img :src="supplier.logo" :alt="supplier.name || ''" class="w-full h-full object-contain rounded">
+          </div>
+          <div v-else class="w-12 h-12 shrink-0 bg-primary/10 text-primary font-bold rounded flex items-center justify-center text-lg">
+            {{ supplier.name?.charAt(0) }}
+          </div>
         </div>
 
         <!-- Bottom row: Badges/Chips -->