Fix support for readOnly on all RA Inputs

[erwanMarmelab]

Problem

Since a recent change in react-hook-form v7.47.0, warnWhenUnsavedChanges does not function properly with disabled inputs. The alternative is to use readOnly, but issue #9498 highlighted that not all our inputs support the readOnly prop. For instance, <ArrayInput> is still modifiable even with this prop. Also, MUI renders readOnly inputs just like regular inputs, and this is confusing for end users who can't modify the value with no visual cue.

Solution

When a developer passes readOnly, we pass readOnly to useInput and disabled to MUI.

Note that some inputs may not yet support readOnly or disabled

Out of scope

Fix the style of the inputs to make it clear that inputs with readOnly cannot be changed → this can be done in user-land (with sx for now)

Todos

Input	Story	Prop
ArrayInput
AutoCompleteInput
AutoCompleteArrayInput
BooleanInput
NullabeBooleanInput
CheckboxGroupInput
DateInput
DateTimeInput
FileInput
ImageInput
NumberInput
PasswordInput
RadioButtonGroupInput
ReferenceInput
ReferenceArrayInput
RichTextInput
SearchInput
SelectInput
SelectArrayInput
SimpleFormIterator
TextInput
TimeInput
TranslatableInput

[slax57]

🎉 🎉 🎉

kudos team!! 👏