feat: loosen up the zod validations and return null instead of throwing

components/MyPages/Blocks/Stays/StayCard/index.tsx

@@ -1,8 +1,8 @@
-import { Calendar } from "react-feather"
-
 import { dt } from "@/lib/dt"
 
+import { CalendarIcon } from "@/components/Icons"
 import Image from "@/components/Image"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./stay.module.css"
@@ -33,14 +33,14 @@ export default function StayCard({ stay, lang }: StayCardProps) {
           {hotelInformation.hotelName}
         </Title>
         <div className={styles.date}>
-          <Calendar
-            height={20}
-            width={20}
-            color="var(--Scandic-Brand-Burgundy)"
-          />
-          <time dateTime={arrivalDateTime}>{arrivalDate}</time>
+          <CalendarIcon color="burgundy" />
+          <Caption asChild>
+            <time dateTime={arrivalDateTime}>{arrivalDate}</time>
+          </Caption>
           {" - "}
-          <time dateTime={departDateTime}>{departDate}</time>
+          <Caption asChild>
+            <time dateTime={departDateTime}>{departDate}</time>
+          </Caption>
         </div>
       </footer>
     </article>

components/MyPages/Blocks/Stays/StayCard/stay.module.css

@@ -36,8 +36,4 @@
   align-items: center;
   display: flex;
   gap: var(--Spacing-x-half);
-  font-family: var(--typography-Caption-Regular-fontFamily);
-  font-size: var(--typography-Caption-Regular-fontSize);
-  font-weight: var(--typography-Caption-Regular-fontWeight);
-  line-height: var(--typography-Caption-Regular-lineHeight);
 }