LITE-29837: Add input validation to Textfield and Select + other fixes

[arnaugiralt]

This PR adds input validation to Textfield and Select components, plus other fixes:

• Create useFieldValidation composable to validate input fields against rules
• Implement validation in Textfield and Select components
• Other Textfield fixes: fixed focused and label styles, added hint, fixed focus behaviour
• Other Select fixes: fixed focused styles, added customisation to option rendering, add menuProps
• Emit "opened" and "closed" when Menu widget is toggled
• Add new stories for Textfield and Select

---

Validation works the same way as in the SPA: rules is an array of functions, and validation is only successful if the rule returns explicitly true. If the rule fails, it should return an error message string.

Example of a rule:

const isRequired = (value) => !!value || 'This field is required';

const rules = [isRequired];

I added examples of rules validation in the Storybook as well.

---

You can check the storybook build if you want to check it in real time, but I also attach these screenshots (already verified styles with Max Tiumin).

Some text fields: field with error, filled field, field with error and focused:

Select, open, with an option selected:

Some mix of fields:

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud