feat: add a11y props for search and combobox components

[shaharzil]

https://monday.monday.com/boards/3532714909/pulses/6453545563

[YossiSaadi]

Just ignore all my comments, and focus on this summary, or just use them as reference.

I think our result should look like this:

<dialog and its props>
	<div role="combobox" aria-expanded="false/true (if the dialog is opened)" aria-haspopup="listbox" aria-owns="options-container" aria-label="My awesome combobox that should do this and that"> // this should be the dialog content container
	  <div id="search-wrapper"> // we have a wrapper for the search input, it shouldn't get any a11y prop I believe
// from mdn: The aria-autocomplete attribute indicates whether inputting text could trigger display of one or more predictions of the user's intended value for a combobox and specifies how predictions will be presented if they are made.
	    <input type="text" role="searchbox" aria-controls="combobox-items-container" aria-autocomplete="list">
	  </div>
	  <div role="listbox" id="combobox-items-container">
	    <div role="option" aria-selected="false">Option 1</div>
	    <div role="option" aria-selected="true">Option 2</div>
	  </div>
	</div>
</dialog>

Wanna discuss it?

[YossiSaadi]

after discussing everything, I understood aria-controls changed all the hierarchy so everything makes sense
Amazing!!