fix(i18n): prepare for Lokalise

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { useCallback, useEffect, useMemo, useState } from "react"
+import { useIntl } from "react-intl"
 
 import RoomFilter from "../RoomFilter"
 import RoomSelection from "../RoomSelection"
@@ -27,6 +28,8 @@ export default function Rooms({
   hotelType,
   isUserLoggedIn,
 }: SelectRateProps) {
+  const intl = useIntl()
+
   const visibleRooms: RoomConfiguration[] = useMemo(() => {
     const deduped = filterDuplicateRoomTypesByLowestPrice(
       roomsAvailability.roomConfigurations
@@ -59,27 +62,27 @@ export default function Rooms({
     () => [
       {
         code: RoomPackageCodeEnum.ACCESSIBILITY_ROOM,
-        description: "Accessible Room",
+        description: intl.formatMessage({ id: "Accessible Room" }),
         itemCode: availablePackages.find(
           (pkg) => pkg.code === RoomPackageCodeEnum.ACCESSIBILITY_ROOM
         )?.itemCode,
       },
       {
         code: RoomPackageCodeEnum.ALLERGY_ROOM,
-        description: "Allergy Room",
+        description: intl.formatMessage({ id: "Allergy Room" }),
         itemCode: availablePackages.find(
           (pkg) => pkg.code === RoomPackageCodeEnum.ALLERGY_ROOM
         )?.itemCode,
       },
       {
         code: RoomPackageCodeEnum.PET_ROOM,
-        description: "Pet Room",
+        description: intl.formatMessage({ id: "Pet Room" }),
         itemCode: availablePackages.find(
           (pkg) => pkg.code === RoomPackageCodeEnum.PET_ROOM
         )?.itemCode,
       },
     ],
-    [availablePackages]
+    [availablePackages, intl]
   )
 
   const handleFilter = useCallback(