fix: update design for select component and remove placeholders

components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx

@@ -20,8 +20,10 @@ const ageList = [...Array(13)].map((_, i) => ({
   value: i,
 }))
 
+const childDefaultValues = { age: -1, bed: -1 }
+
 export default function ChildInfoSelector({
-  child = { age: -1, bed: -1 },
+  child,
   childrenInAdultsBed,
   adults,
   index = 0,
@@ -89,11 +91,10 @@ export default function ChildInfoSelector({
             items={ageList}
             label={ageLabel}
             aria-label={ageLabel}
-            value={child.age}
+            value={child.age ?? childDefaultValues.age}
             onSelect={(key) => {
               updateSelectedAge(key as number)
             }}
-            placeholder={ageLabel}
             maxHeight={180}
             name={ageFieldName}
             isNestedInModal={true}
@@ -105,11 +106,10 @@ export default function ChildInfoSelector({
               items={getAvailableBeds(child.age)}
               label={bedLabel}
               aria-label={bedLabel}
-              value={child.bed}
+              value={child.bed ?? childDefaultValues.bed}
               onSelect={(key) => {
                 updateSelectedBed(key as number)
               }}
-              placeholder={bedLabel}
               name={bedFieldName}
               isNestedInModal={true}
             />