feat(SW-340): Added Hotel Card Listing on map

components/HotelReservation/HotelCardListing/index.tsx

@@ -10,7 +10,10 @@ import styles from "./hotelCardListing.module.css"
 
 import { HotelCardListingProps } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
 
-export default function HotelCardListing({ hotelData }: HotelCardListingProps) {
+export default function HotelCardListing({
+  hotelData,
+  type = "listing",
+}: HotelCardListingProps) {
   const searchParams = useSearchParams()
 
   const hotels = useMemo(() => {
@@ -28,9 +31,9 @@ export default function HotelCardListing({ hotelData }: HotelCardListingProps) {
 
   return (
     <section className={styles.hotelCards}>
-      {hotels.length ? (
+      {hotels?.length ? (
         hotels.map((hotel) => (
-          <HotelCard key={hotel.hotelData.name} hotel={hotel} />
+          <HotelCard key={hotel.hotelData.name} hotel={hotel} type={type} />
         ))
       ) : (
         <Title>No hotels found</Title>