fix(sw-453): Correct view of cards and icons when filter

components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx

@@ -23,6 +23,7 @@ export default function RoomCard({
   rateDefinitions,
   roomConfiguration,
   roomCategories,
+  selectedPackages,
   handleSelectRate,
 }: RoomCardProps) {
   const intl = useIntl()
@@ -133,15 +134,17 @@ export default function RoomCard({
                 >{`${roomConfiguration.roomsLeft} ${intl.formatMessage({ id: "Left" })}`}</Footnote>
               </span>
             )}
-            {roomConfiguration.features.map((feature) => (
-              <span className={styles.chip} key={feature.code}>
-                {createElement(getIconForFeatureCode(feature.code), {
-                  width: 16,
-                  height: 16,
-                  color: "burgundy",
-                })}
-              </span>
-            ))}
+            {roomConfiguration.features
+              .filter((feature) => selectedPackages.includes(feature.code))
+              .map((feature) => (
+                <span className={styles.chip} key={feature.code}>
+                  {createElement(getIconForFeatureCode(feature.code), {
+                    width: 16,
+                    height: 16,
+                    color: "burgundy",
+                  })}
+                </span>
+              ))}
           </div>
           {/*NOTE: images from the test API are hosted on test3.scandichotels.com,
          which can't be accessed unless on Scandic's Wifi or using Citrix. */}