Merged in feat/sw-3218-move-sidepeek-to-design-system (pull request #2598)

feat(SW-3218): Move SidePeek to design-system

* Remove SidePeekProvider dependency on Next

* Remove dependency on i18n in sidepeek

* Inline types

* Move SidePeek to design-system

* Fix align-items value


Approved-by: Bianca Widstam

apps/scandic-web/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx

@@ -1,15 +1,15 @@
 "use client"
 
 import { useState } from "react"
+import { useIntl } from "react-intl"
 
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import SidePeek from "@scandic-hotels/design-system/SidePeek"
 
 import ButtonLink from "@/components/ButtonLink"
 import JsonToHtml from "@/components/JsonToHtml"
 
-import SidePeek from "../../SidePeek"
-
 import styles from "./sidepeek.module.css"
 
 import type { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
@@ -18,6 +18,7 @@ export default function TeaserCardSidepeek({
   button,
   sidePeekContent,
 }: TeaserCardSidepeekProps) {
+  const intl = useIntl()
   const [sidePeekIsOpen, setSidePeekIsOpen] = useState(false)
   const { heading, content, primary_button, secondary_button } = sidePeekContent
 
@@ -38,6 +39,9 @@ export default function TeaserCardSidepeek({
         isOpen={sidePeekIsOpen}
         handleClose={() => setSidePeekIsOpen(false)}
         openInRoot
+        closeLabel={intl.formatMessage({
+          defaultMessage: "Close",
+        })}
       >
         {content ? (
           <JsonToHtml