feat: SW-1182 Moved modal to components folder

components/HotelReservation/BookingConfirmation/Receipt/index.tsx

@@ -7,6 +7,7 @@ import {
   ChevronRightSmallIcon,
   InfoCircleIcon,
 } from "@/components/Icons"
+import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
@@ -15,8 +16,6 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { formatPrice } from "@/utils/numberFormatting"
 
-import Modal from "../../Modal"
-
 import styles from "./receipt.module.css"
 
 import type { BookingConfirmationReceiptProps } from "@/types/components/hotelReservation/bookingConfirmation/receipt"

components/HotelReservation/EnterDetails/Details/MemberPriceModal/index.tsx

@@ -5,14 +5,13 @@ import { useIntl } from "react-intl"
 import { useEnterDetailsStore } from "@/stores/enter-details"
 
 import { MagicWandIcon } from "@/components/Icons"
+import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { formatPrice } from "@/utils/numberFormatting"
 
-import Modal from "../../../Modal"
-
 import styles from "./modal.module.css"
 
 import type { Dispatch, SetStateAction } from "react"

components/HotelReservation/EnterDetails/Summary/UI/index.tsx

@@ -12,6 +12,7 @@ import {
   ChevronDownSmallIcon,
   ChevronRightSmallIcon,
 } from "@/components/Icons"
+import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -20,7 +21,6 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import useLang from "@/hooks/useLang"
 import { formatPrice } from "@/utils/numberFormatting"
 
-import Modal from "../../../Modal"
 import PriceDetailsTable from "../PriceDetailsTable"
 
 import styles from "./ui.module.css"

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/index.tsx

@@ -5,12 +5,12 @@ import { useEffect, useRef } from "react"
 import { useIntl } from "react-intl"
 
 import { CheckCircleIcon, CheckIcon, InfoCircleIcon } from "@/components/Icons"
+import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Label from "@/components/TempDesignSystem/Form/Label"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
-import Modal from "../../../Modal/index"
 import { RATE_CARD_EQUAL_HEIGHT_CLASS } from "../utils"
 import PriceTable from "./PriceList"