chore: add consistent type imports

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,