feat: SW-1583 Implemented Reward nights on city search

apps/scandic-web/components/HotelReservation/HotelCard/HotelPointsCard/hotelPointsCard.module.css

@@ -0,0 +1,5 @@
+.poinstRow {
+  display: flex;
+  gap: var(--Spacing-x1);
+  align-items: baseline;
+}

apps/scandic-web/components/HotelReservation/HotelCard/HotelPointsCard/index.tsx

@@ -0,0 +1,36 @@
+import { useIntl } from "react-intl"
+
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+
+import styles from "./hotelPointsCard.module.css"
+
+import type { PointsCardProps } from "@/types/components/hotelReservation/selectHotel/priceCardProps"
+
+export default function HotelPointsCard({
+  productTypePoints,
+}: PointsCardProps) {
+  const intl = useIntl()
+
+  return (
+    <div className={styles.poinstRow}>
+      <Subtitle type="two" color="uiTextHighContrast">
+        {productTypePoints.localPrice.pointsPerStay}
+      </Subtitle>
+      <Caption color="uiTextHighContrast">
+        {intl.formatMessage({ id: "Points" })}
+      </Caption>
+      {productTypePoints.localPrice.pricePerStay ? (
+        <>
+          +
+          <Subtitle type="two" color="uiTextHighContrast">
+            {productTypePoints.localPrice.pricePerStay}
+          </Subtitle>
+          <Caption color="uiTextHighContrast">
+            {productTypePoints.localPrice.currency}
+          </Caption>
+        </>
+      ) : null}
+    </div>
+  )
+}