refactor the use of plain string order types

src/pages/checkout/components/RoomDetails.tsx

@@ -13,6 +13,7 @@ import { useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useAppDispatch, useAppSelector } from "redux/hooks";
 import styles from "../../address/address.module.css";
+import { OrderType } from "pages/checkout/hooks/types.ts";
 
 export const RoomDetails = () => {
   const { t } = useTranslation();
@@ -20,7 +21,7 @@ export const RoomDetails = () => {
   const { roomDetails } = useAppSelector(selectCart);
   const [isRoomBottomSheetOpen, setIsRoomBottomSheetOpen] = useState(false);
 
-  const { orderType } = useAppSelector(selectCart)
+  const { orderType } = useAppSelector(selectCart);
 
   const handleRoomDetailsSave = useCallback(
     (roomDetailsData: RoomDetailsType) => {
@@ -31,7 +32,7 @@ export const RoomDetails = () => {
         console.error("Failed to parse location data:", error);
       }
     },
-    [dispatch]
+    [dispatch],
   );
 
   const handleRoomBottomSheetOpen = useCallback(() => {
@@ -44,11 +45,11 @@ export const RoomDetails = () => {
 
   const buttonText = useMemo(
     () => (roomDetails ? t("address.changeRoom") : t("address.selectRoom")),
-    [roomDetails, t]
+    [roomDetails, t],
   );
 
   return (
-    orderType === "room" && (
+    orderType === OrderType.ToRoom && (
       <>
         <Card
           title={t("address.roomDetails")}