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>