feat: refactor NewDates, clean up legacy code

This reverts commit 0c7836fa59.

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Guests.tsx

@@ -0,0 +1,45 @@
+import { useIntl } from "react-intl"
+
+import { useMyStayStore } from "@/stores/my-stay"
+
+import Row from "./Row"
+
+export default function Guests() {
+  const intl = useIntl()
+
+  const { adults, childrenAges } = useMyStayStore((state) => ({
+    adults: state.bookedRoom.adults,
+    childrenAges: state.bookedRoom.childrenAges,
+  }))
+
+  const adultsMsg = intl.formatMessage(
+    {
+      defaultMessage: "{adults, plural, one {# adult} other {# adults}}",
+    },
+    {
+      adults,
+    }
+  )
+
+  const childrenMsg = intl.formatMessage(
+    {
+      defaultMessage: "{children, plural, one {# child} other {# children}}",
+    },
+    {
+      children: childrenAges.length,
+    }
+  )
+
+  const adultsOnlyMsg = adultsMsg
+  const adultsAndChildrenMsg = [adultsMsg, childrenMsg].join(", ")
+
+  return (
+    <Row
+      icon="person"
+      text={childrenAges.length > 0 ? adultsAndChildrenMsg : adultsOnlyMsg}
+      title={intl.formatMessage({
+        defaultMessage: "Guests",
+      })}
+    />
+  )
+}