fix: replace temp design system components with design system package in surprises

apps/scandic-web/components/MyPages/Surprises/Card.tsx

@@ -1,7 +1,8 @@
 import { useIntl } from "react-intl"
 
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import Image from "@/components/Image"
-import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./surprises.module.css"
 
@@ -21,9 +22,9 @@ export default function Card({ title, children }: CardProps) {
         })}
       />
       <header>
-        <Title textAlign="center" level="h4">
-          {title}
-        </Title>
+        <Typography variant="Title/smRegular">
+          <h4 className={styles.title}>{title}</h4>
+        </Typography>
       </header>
 
       {children}