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/Alert/Sidepeek/index.tsx

@@ -1,14 +1,14 @@
 "use client"
 
 import { useState } from "react"
+import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
+import SidePeek from "@scandic-hotels/design-system/SidePeek"
 
 import JsonToHtml from "@/components/JsonToHtml"
 
-import SidePeek from "../../SidePeek"
-
 import styles from "./sidepeek.module.css"
 
 import type { AlertSidepeekProps } from "./sidepeek"
@@ -17,6 +17,7 @@ export default function AlertSidepeek({
   ctaText,
   sidePeekContent,
 }: AlertSidepeekProps) {
+  const intl = useIntl()
   const [sidePeekIsOpen, setSidePeekIsOpen] = useState(false)
   const { heading, content } = sidePeekContent
 
@@ -38,6 +39,9 @@ export default function AlertSidepeek({
         title={heading}
         isOpen={sidePeekIsOpen}
         handleClose={() => setSidePeekIsOpen(false)}
+        closeLabel={intl.formatMessage({
+          defaultMessage: "Close",
+        })}
       >
         <JsonToHtml
           nodes={content.json.children}