Improve the multi-select component behavior in v2 headless UI

[nihal467]

Describe the bug
Follow-up: #8260

Due to the recent change to headless UI V2, currently, when we select options in a multi-select for example in advance filters and without closing the dropdown, clicking on the apply button, it won't apply the filters in the first click. On the first click, the dropdown will be closed and on the second click, only the apply button will work

To Reproduce
Steps to reproduce the behavior:

1. Go to the patient tab
2. Click on advanced filters
3. select multi-option in the has consent record dropdown
4. without closing the dropdown click on the apply button on the top right
5. See error

Expected behavior

Earlier, when we clicked on the apply button, it should work properly, rather than closing the dropdown on the first click and the second click the apply button works

Screenshots