feat: SW-276 Optimized code removed vanilla implmentation

components/GuestsRoomsPicker/GuestsRoomsPicker.tsx

@@ -4,7 +4,7 @@ import { useIntl } from "react-intl"
 
 import { useGuestsRoomsStore } from "@/stores/guests-rooms"
 
-import { CloseLarge, PlusCircleIcon } from "../Icons"
+import { CloseLargeIcon, PlusCircleIcon } from "../Icons"
 import Button from "../TempDesignSystem/Button"
 import Divider from "../TempDesignSystem/Divider"
 import Subtitle from "../TempDesignSystem/Text/Subtitle"
@@ -33,7 +33,7 @@ export default function GuestsRoomsPicker({
 
   const { getFieldState } = useFormContext<BookingWidgetSchema>()
 
-  const rooms = useGuestsRoomsStore.use.rooms()
+  const rooms = useGuestsRoomsStore((state) => state.rooms)
 
   // Not in MVP
   // const increaseRoom = useGuestsRoomsStore.use.increaseRoom()
@@ -43,7 +43,7 @@ export default function GuestsRoomsPicker({
     <div className={styles.pickerContainer}>
       <header className={styles.header}>
         <button type="button" className={styles.close} onClick={closePicker}>
-          <CloseLarge />
+          <CloseLargeIcon />
         </button>
       </header>
       <div className={styles.contentContainer}>