chore: add consistent type imports

components/HotelReservation/EnterDetails/Header/ToggleSidePeek.tsx

@@ -9,7 +9,7 @@ import Button from "@/components/TempDesignSystem/Button"
 import styles from "./header.module.css"
 
 import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
-import { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
+import type { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
 
 export default function ToggleSidePeek({ hotelId }: ToggleSidePeekProps) {
   const intl = useIntl()

components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx

@@ -36,7 +36,7 @@ import { bedTypeMap } from "../../SelectRate/RoomSelection/utils"
 import PriceChangeDialog from "../PriceChangeDialog"
 import GuaranteeDetails from "./GuaranteeDetails"
 import PaymentOption from "./PaymentOption"
-import { PaymentFormData, paymentSchema } from "./schema"
+import { type PaymentFormData, paymentSchema } from "./schema"
 
 import styles from "./payment.module.css"
 

components/HotelReservation/EnterDetails/Payment/PaymentOption/index.tsx

@@ -1,15 +1,18 @@
 import Image from "next/image"
 import { useFormContext } from "react-hook-form"
 
-import { PAYMENT_METHOD_ICONS, PaymentMethodEnum } from "@/constants/booking"
+import {
+  PAYMENT_METHOD_ICONS,
+  type PaymentMethodEnum,
+} from "@/constants/booking"
 
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
-import { PaymentOptionProps } from "./paymentOption"
-
 import styles from "./paymentOption.module.css"
 
+import type { PaymentOptionProps } from "./paymentOption"
+
 export default function PaymentOption({
   name,
   value,

components/HotelReservation/EnterDetails/Payment/PaymentOption/paymentOption.ts

@@ -1,4 +1,4 @@
-import { RegisterOptions } from "react-hook-form"
+import type { RegisterOptions } from "react-hook-form"
 
 export interface PaymentOptionProps {
   name: string

components/HotelReservation/EnterDetails/Payment/index.tsx

@@ -2,7 +2,7 @@ import { getSavedPaymentCardsSafely } from "@/lib/trpc/memoizedRequests"
 
 import PaymentClient from "./PaymentClient"
 
-import { PaymentProps } from "@/types/components/hotelReservation/selectRate/section"
+import type { PaymentProps } from "@/types/components/hotelReservation/selectRate/section"
 
 export default async function Payment({
   user,

components/HotelReservation/EnterDetails/PriceChangeDialog/index.tsx

@@ -8,7 +8,7 @@ import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./priceChangeDialog.module.css"
 
-import { PriceChangeDialogProps } from "@/types/components/hotelReservation/enterDetails/priceChangeDialog"
+import type { PriceChangeDialogProps } from "@/types/components/hotelReservation/enterDetails/priceChangeDialog"
 
 export default function PriceChangeDialog({
   isOpen,

components/HotelReservation/EnterDetails/Summary/Mobile/BottomSheet/index.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { PropsWithChildren, useEffect, useRef } from "react"
+import { type PropsWithChildren, useEffect, useRef } from "react"
 import { useIntl } from "react-intl"
 
 import { useEnterDetailsStore } from "@/stores/enter-details"

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

@@ -10,7 +10,7 @@ import SummaryBottomSheet from "./BottomSheet"
 import styles from "./mobile.module.css"
 
 import type { SummaryProps } from "@/types/components/hotelReservation/summary"
-import { DetailsState } from "@/types/stores/enter-details"
+import type { DetailsState } from "@/types/stores/enter-details"
 
 function storeSelector(state: DetailsState) {
   return {