fix: clean up dictionaries

apps/scandic-web/components/HotelReservation/MyStay/LinkedReservation/index.tsx

@@ -56,11 +56,35 @@ export default function LinkedReservation({
   const fromDate = dt(booking.checkInDate).locale(lang)
   const toDate = dt(booking.checkOutDate).locale(lang)
 
+  const adultsMsg = intl.formatMessage(
+    { id: "{adults, plural, one {# adult} other {# adults}}" },
+    {
+      adults: booking.adults,
+    }
+  )
+
+  const childrenMsg = intl.formatMessage(
+    {
+      id: "{children, plural, one {# child} other {# children}}",
+    },
+    {
+      children: booking.childrenAges.length,
+    }
+  )
+
+  const adultsOnlyMsg = adultsMsg
+  const adultsAndChildrenMsg = [adultsMsg, childrenMsg].join(", ")
+
   return (
     <article className={styles.linkedReservation}>
       <div className={styles.title}>
         <Subtitle color="burgundy">
-          {intl.formatMessage({ id: "Room" }) + " " + (index + 2)}
+          {intl.formatMessage(
+            { id: "Room {roomIndex}" },
+            {
+              roomIndex: index + 2,
+            }
+          )}
         </Subtitle>
       </div>
       <div className={styles.details}>
@@ -70,19 +94,8 @@ export default function LinkedReservation({
         <div>
           <Caption color="uiTextHighContrast">
             {booking.childrenAges.length > 0
-              ? intl.formatMessage(
-                  { id: "{adults} adults, {children} children" },
-                  {
-                    adults: booking.adults,
-                    children: booking.childrenAges.length,
-                  }
-                )
-              : intl.formatMessage(
-                  { id: "{adults} adults" },
-                  {
-                    adults: booking.adults,
-                  }
-                )}
+              ? adultsAndChildrenMsg
+              : adultsOnlyMsg}
           </Caption>
         </div>
       </div>