feat: SW-276 Optimized code

components/GuestsRoomsPicker/AdultSelector/index.tsx

@@ -3,7 +3,7 @@
 import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { guestsRoomsStore } from "@/stores/guests-rooms"
+import { useGuestsRoomsStore } from "@/stores/guests-rooms"
 
 import { MinusIcon, PlusIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
@@ -13,15 +13,19 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import styles from "./adult-selector.module.css"
 
 import { BedTypeEnum } from "@/types/components/bookingWidget/enums"
-import { AdultSelectorProps } from "@/types/components/bookingWidget/guestsRoomsPicker"
+import {
+  AdultSelectorProps,
+  Child,
+} from "@/types/components/bookingWidget/guestsRoomsPicker"
 
 export default function AdultSelector({ roomIndex = 0 }: AdultSelectorProps) {
   const intl = useIntl()
   const adultsLabel = intl.formatMessage({ id: "Adults" })
-  const { setValue } = useFormContext()
-  const { adults, children, childrenInAdultsBed } =
-    guestsRoomsStore().rooms[roomIndex]
-  const { increaseAdults, decreaseAdults } = guestsRoomsStore()
+  const { register, setValue } = useFormContext()
+  const { adults, children, childrenInAdultsBed } = useGuestsRoomsStore(
+    (state) => state.rooms[roomIndex]
+  )
+  const { increaseAdults, decreaseAdults } = useGuestsRoomsStore()
 
   function increaseAdultsCount(roomIndex: number) {
     if (adults < 6) {
@@ -36,7 +40,7 @@ export default function AdultSelector({ roomIndex = 0 }: AdultSelectorProps) {
       setValue(`rooms.${roomIndex}.adults`, adults - 1)
       if (childrenInAdultsBed > adults) {
         const toUpdateIndex = children.findIndex(
-          (child, index) => child.bed == BedTypeEnum["In adults bed"]
+          (child: Child) => child.bed == BedTypeEnum.IN_ADULTS_BED
         )
         if (toUpdateIndex != -1) {
           setValue(