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

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

@@ -1,9 +1,8 @@
 import { useIntl } from "react-intl"
 
+import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
-import Button from "@/components/TempDesignSystem/Button"
-
 import styles from "./surprises.module.css"
 
 import type { NavigationProps } from "@/types/components/blocks/surprises"
@@ -18,11 +17,11 @@ export default function Navigation({
   return (
     <nav className={styles.nav}>
       <Button
-        variant="icon"
-        intent="tertiary"
-        disabled={selectedSurprise === 0}
+        variant="Text"
+        isDisabled={selectedSurprise === 0}
         onPress={() => showSurprise(-1)}
-        size="small"
+        size="Small"
+        typography="Body/Supporting text (caption)/smBold"
       >
         <MaterialIcon
           icon="chevron_right"
@@ -35,11 +34,11 @@ export default function Navigation({
         })}
       </Button>
       <Button
-        variant="icon"
-        intent="tertiary"
-        disabled={selectedSurprise === totalSurprises - 1}
+        variant="Text"
+        isDisabled={selectedSurprise === totalSurprises - 1}
         onPress={() => showSurprise(1)}
-        size="small"
+        size="Small"
+        typography="Body/Supporting text (caption)/smBold"
       >
         {intl.formatMessage({
           defaultMessage: "Next",