fix: destructure attributes

components/ContentType/HotelPage/HotelPage.tsx

@@ -15,27 +15,24 @@ export default async function HotelPage({ lang }: LangParams) {
     return null
   }
 
-  const hotelPageData = await serverClient().hotel.getHotel({
+  const {
+    data: { attributes },
+  } = await serverClient().hotel.getHotel({
     hotelId: hotelPageIdentifierData.hotel_page_id,
     language: lang,
   })
-  const hotelAttributes = hotelPageData.data.attributes
 
   return (
     <main className={styles.pageContainer}>
       <div className={styles.introContainer}>
         <IntroSection
-          hotelName={hotelAttributes.name}
+          hotelName={attributes.name}
-          hotelDescription={
+          hotelDescription={attributes.hotelContent.texts.descriptions.short}
-            hotelAttributes.hotelContent.texts.descriptions.short
+          location={attributes.location}
-          }
+          address={attributes.address}
-          location={hotelAttributes.location}
+          tripAdvisor={attributes.ratings.tripAdvisor}
-          address={hotelAttributes.address}
-          tripAdvisor={hotelAttributes.ratings.tripAdvisor}
-        />
-        <AmenitiesList
-          detailedFacilities={hotelAttributes.detailedFacilities}
         />
+        <AmenitiesList detailedFacilities={attributes.detailedFacilities} />
       </div>
     </main>
   )