feat(HotelItem): update currency display logic and options

src/app/HotelItem/HotelItem.component.html

@@ -1,9 +1,9 @@
 <p>Name: {{hotel.hotelName}}</p>
 <p>Description: {{hotel.description}}</p>
-<p>Price: {{hotel.price | currency : "EUR" : "symbol" : "2.2-2" : "de-DE"}}</p>
+<p>Price: {{hotel.price | currency : getCurrencyCode(selectedLanguage) : "symbol" : "2.2-2" : selectedLanguage}}</p>
 <select [ngModel]="selectedLanguage" (ngModelChange)="languageChange($event)">
   @for (lang of langs; track lang.lang) {
-    <option value="{{lang.lang}}">{{lang.lang}}</option>
+    <option value="{{lang.code}}" [selected]="lang.lang === 'de'">{{lang.lang}}</option>
   }
 </select>
 <img src="{{hotel.imageUrl}}" alt="Hotel">

src/app/HotelItem/HotelItem.component.ts

@@ -20,18 +20,32 @@ export class HotelItem {
     console.log(this.selectedLanguage);
   }
 
+  public getCurrencyCode(langCode: string | undefined): string {
+    if (!langCode) return '';
+
+    for (let language of this.langs) {
+      if (language.code === langCode) {
+        return language.currency;
+      }
+    }
+    return '';
+  }
+
   public langs = [
     {
       "lang": "en",
-      "code": "en-US"
+      "code": "en-US",
+      "currency": "USD"
     },
     {
       "lang": "cn",
-      "code": "cn-CN"
+      "code": "cn-CN",
+      "currency": "CNY"
     },
     {
       "lang": "de",
-      "code": "de-DE"
+      "code": "de-DE",
+      "currency": "EUR"
     }
   ];
 }