feat: refactor NewDates, clean up legacy code

This reverts commit 0c7836fa59.

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

@@ -0,0 +1,32 @@
+"use client"
+import {
+  MaterialIcon,
+  type MaterialIconProps,
+} from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import styles from "./row.module.css"
+
+interface RowProps {
+  icon: MaterialIconProps["icon"]
+  text: string
+  title: string
+}
+
+export default function Row({ icon, text, title }: RowProps) {
+  return (
+    <div className={styles.row}>
+      <span className={styles.title}>
+        <MaterialIcon icon={icon} color="Icon/Default" size={20} />
+        <Typography variant="Body/Paragraph/mdBold">
+          <p>{title}</p>
+        </Typography>
+      </span>
+      <div className={styles.content}>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <p color="uiTextHighContrast">{text}</p>
+        </Typography>
+      </div>
+    </div>
+  )
+}

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Row/row.module.css

@@ -0,0 +1,38 @@
+.row {
+  display: flex;
+  flex-direction: column;
+  padding: var(--Spacing-x-one-and-half) 0;
+}
+
+.row:last-child {
+  border-bottom: none;
+}
+
+.title {
+  display: flex;
+  flex-direction: row;
+  gap: var(--Spacing-x1);
+}
+
+.title svg {
+  height: 24px;
+  width: 24px;
+}
+
+.content {
+  padding-left: var(--Spacing-x4);
+}
+
+@media (min-width: 768px) {
+  .row {
+    align-items: center;
+    border-bottom: 1px solid var(--Base-Border-Subtle);
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .title svg {
+    height: 20px;
+    width: 20px;
+  }
+}