Controls: Fix select / multiselect when value contains multiple spaces

[oxcened]

Closes #17051.

Analysis

Select and multiselect controls won’t work when selecting an option with multiple spaces, causing the select to reset and the URL reference to be removed or added as "undefined", in the case of multiselect. This is due to the options not receiving the value prop. According to the HTML specs:

The value of an option element is the value of the value content attribute, if there is one, or, if there is not, the value of the element's text IDL attribute.

So HTML is involved, which is notoriously unreliable about multiple white spaces.

What I did

I've added the value to both the select and multiselect components.

How to test

1. Run a sandbox for template, e.g. yarn task --task sandbox --start-from auto --template react-vite/default-ts.
2. Open Storybook in your browser.
3. Head to addons > controls > basics > undefined story or /?path=/story/addons-controls-basics--undefined.
4. Scroll down to the select control, click on it and select the option "double space".
5. Do the same for the multiselect control.
6. It should be selected.

Or just run the E2E tests I've added.

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

[yannbf]

Hey @oxcened thank you so much for your contribution! @JReinhold could you check it out once you have time? Thanks!

It might take some time as we are quite busy, we really appreciate your efforts and patience <3