BETTERZON-25: Finishing prototype of UC

Frontend/src/app/components/product-details/product-details.component.html

@@ -3,7 +3,7 @@
         <img class="productImage" src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg"/>
     </div>
     <div class="productTitle">
-        <b>{{product.name}}</b>
+        <b>{{product?.name}}</b>
     </div>
     <div class="priceChart">
         <div style="text-align:center">
@@ -17,13 +17,20 @@
     </div>
     <div class="productDescription">
         <div>
-            {{product.short_description}}
+            {{product?.short_description}}
         </div>
     </div>
     <div class="priceAlarm">
         Set Price Alarm
     </div>
-    <div class="bestPrice">
-        5€
+    <div class="bestPriceContainer">
+        <div class="bestPrice">
+            Best price: {{currentlyLowestPrice?.price_in_cents / 100}}€ at
+            vendor {{vendorMap[currentlyLowestPrice.vendor_id]?.name}}!
+        </div>
+        <div class="amazonPrice">
+            Amazon-price: {{currentAmazonPrice?.price_in_cents / 100}}€ (<span
+            *ngIf="getAmazonPriceDifference()>0">+</span>{{getAmazonPriceDifference()}}%)
+        </div>
     </div>
 </div>