feat: refactor NewDates, clean up legacy code

This reverts commit 0c7836fa59.

apps/scandic-web/components/TempDesignSystem/AncillaryCard/index.tsx

@@ -18,13 +18,15 @@ export function AncillaryCard({ ancillary }: AncillaryCardProps) {
   return (
     <article className={styles.ancillaryCard}>
       <div className={styles.imageContainer}>
-        <Image
-          className={styles.image}
-          src={ancillary.imageUrl}
-          alt={ancillary.title}
-          fill
-          style={{ opacity: ancillary.imageOpacity ?? 1 }}
-        />
+        {ancillary.imageUrl ? (
+          <Image
+            className={styles.image}
+            src={ancillary.imageUrl}
+            alt={ancillary.title}
+            fill
+            style={{ opacity: ancillary.imageOpacity ?? 1 }}
+          />
+        ) : null}
       </div>
       <div className={styles.contentContainer}>
         <div>

apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/SidePeekSEO.tsx

@@ -1,4 +1,5 @@
 import type { SidePeekSelfControlledProps } from "./sidePeek"
+
 // Sidepeeks generally have important content that should be indexed by search engines.
 // The content is hidden behind a modal, but it is still important for SEO.
 // This component is used to provide SEO information for the sidepeek content.

apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/index.tsx

@@ -1,4 +1,5 @@
 "use client"
+
 import { useEffect } from "react"
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
@@ -54,10 +55,12 @@ export default function SidePeekSelfControlled({
           </Dialog>
         </Modal>
       </ModalOverlay>
+
       <SidePeekSEO title={title}>{children}</SidePeekSEO>
     </>
   )
 }
+
 function KeepBodyVisible() {
   const toggle = useSetOverflowVisibleOnRA()
   useEffect(() => {

apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/sidePeekSelfControlled.module.css

@@ -38,6 +38,7 @@
   height: 100vh;
   background-color: var(--Base-Background-Primary-Normal);
   z-index: var(--sidepeek-z-index);
+  outline: none;
 }
 
 .modal[data-entering] {

apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/types.ts

@@ -2,6 +2,7 @@ export type SidePeekProps = {
   activeContent: string | null
   onClose: (isOpen: boolean) => void
 }
+
 export type SidePeekContentProps = {
   title?: string
   contentKey: string