feat(SW-1012): add length check for restaurant images

components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx

@@ -31,18 +31,20 @@ export default async function RestaurantBarItem({
           <Title level="h3">{name}</Title>
         </Subtitle>
       </div>
-      <div className={styles.imageWrapper}>
+      {visibleImages.length ? (
-        {visibleImages.map(({ metaData, imageSizes }) => (
+        <div className={styles.imageWrapper}>
-          <Image
+          {visibleImages.map(({ metaData, imageSizes }) => (
-            key={imageSizes.tiny}
+            <Image
-            src={imageSizes.tiny}
+              key={imageSizes.tiny}
-            alt={metaData.altText}
+              src={imageSizes.tiny}
-            width={imageWidth}
+              alt={metaData.altText}
-            height={240}
+              width={imageWidth}
-            className={styles.image}
+              height={240}
-          />
+              className={styles.image}
-        ))}
+            />
-      </div>
+          ))}
+        </div>
+      ) : null}
       {openingDetails.length ? (
         <div className={styles.content}>
           <Subtitle type="two" asChild>