Merged in feat/BOOK-529-update-GLA-design-mystay (pull request #3230)

Feat/BOOK-529 update GLA design mystay

* feat(BOOK-529): update gla design on my stay

* feat(BOOK-529): open gla modal if error

* feat(BOOK-529): add inline accordion to storybook

* feat(529): move errormessage below message

* feat(529): update infomodal

* feat(BOOK-529): update infomodal

* feat(BOOK-529): hide guarantee info for adding ancillaries if prepaid

* feat(BOOK-529): update width on info dialog

* feat(BOOK-529): fix alignment

* feat(BOOK-529): check if member price

* feat(BOOK-529): refactor msg

* feat(BOOK-529): refactor terms and conditions to own component

* feat(BOOK-529): clean up confirmation step


Approved-by: Christel Westerberg

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/index.tsx

@@ -4,9 +4,8 @@ import { useIntl } from "react-intl"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
-import { useGuaranteePaymentFailedToast } from "@/hooks/booking/useGuaranteePaymentFailedToast"
-
 import TotalPrice from "../Rooms/TotalPrice"
+import GuaranteePaymentFailed from "./Actions/Upcoming/GuaranteePaymentFailed"
 import Actions from "./Actions"
 import BookingCode from "./BookingCode"
 import Cancellations from "./Cancellations"
@@ -20,7 +19,6 @@ import styles from "./referenceCard.module.css"
 
 export function ReferenceCard() {
   const intl = useIntl()
-  useGuaranteePaymentFailedToast()
   return (
     <div className={styles.referenceCard}>
       <Reference />
@@ -44,6 +42,7 @@ export function ReferenceCard() {
       </div>
       <BookingCode />
       <Actions />
+      <GuaranteePaymentFailed />
     </div>
   )
 }