fix: clean up hotel and its typings

components/HotelReservation/SidePeek/index.tsx

@@ -7,13 +7,11 @@ import HotelSidePeek from "@/components/SidePeeks/HotelSidePeek"
 import RoomSidePeek from "@/components/SidePeeks/RoomSidePeek"
 import useLang from "@/hooks/useLang"
 
-import type { HotelData } from "@/types/hotel"
+import type { HotelReservationSidePeekProps } from "@/types/components/hotelReservation/sidePeek"
 
 export default function HotelReservationSidePeek({
   hotel,
-}: {
-  hotel: HotelData | null
-}) {
+}: HotelReservationSidePeekProps) {
   const activeSidePeek = useSidePeekStore((state) => state.activeSidePeek)
   const hotelId = useSidePeekStore((state) => state.hotelId)
   const roomTypeCode = useSidePeekStore((state) => state.roomTypeCode)
@@ -21,7 +19,7 @@ export default function HotelReservationSidePeek({
   const close = useSidePeekStore((state) => state.closeSidePeek)
   const lang = useLang()
 
-  const { data: hotelData } = trpc.hotel.hotelData.get.useQuery(
+  const { data: hotelData } = trpc.hotel.get.useQuery(
     {
       hotelId: hotelId ?? "",
       language: lang,
@@ -32,7 +30,7 @@ export default function HotelReservationSidePeek({
     }
   )
 
-  const selectedRoom = hotelData?.included.rooms?.find((room) =>
+  const selectedRoom = hotelData?.roomCategories.find((room) =>
     room.roomTypes.some((type) => type.code === roomTypeCode)
   )
 
@@ -41,8 +39,8 @@ export default function HotelReservationSidePeek({
       <>
         {hotelData && (
           <HotelSidePeek
-            hotel={hotelData.data?.attributes}
-            additionalHotelData={hotelData.included.additionalData}
+            additionalHotelData={hotelData.additionalData}
+            hotel={hotelData.hotel}
             activeSidePeek={activeSidePeek}
             close={close}
             showCTA={showCTA}