fix: unite all price details modals to one and align on ui

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Header.tsx

@@ -0,0 +1,29 @@
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+interface TrProps {
+  subtitle?: string
+  title: string
+}
+
+export default function HeaderRow({ subtitle, title }: TrProps) {
+  return (
+    <>
+      <tr>
+        <th colSpan={2}>
+          <Typography variant="Body/Paragraph/mdRegular">
+            <span>{title}</span>
+          </Typography>
+        </th>
+      </tr>
+      {subtitle ? (
+        <tr>
+          <th colSpan={2}>
+            <Typography variant="Body/Paragraph/mdRegular">
+              <span>{subtitle}</span>
+            </Typography>
+          </th>
+        </tr>
+      ) : null}
+    </>
+  )
+}