[enhancement] FormSelect

[daniele-zurico]

We should simplify the usage of the formSelect component to allow the developer to use it easily.
### IMPORTANT: We don't need to remove or break any pre-existing functionality but we need to add extra properties.

1. Currently when you want to pass the options you need to specify the value and the label.

options={[{
      label: 'Recently published',
      value: 'published'
    }]}

This is perfect in case I want a different label from the value but what about if I don't have this requirement and label is the same of value?

options={['a', 'b', 'c'] }

The component need to be smart and able to manage both scenarios.

2. The current usage of classes is really verbose we should instead allow to do this:

<FormSelect 
    selectClassName="form-control"    <------
    errorContainerClassName="form-group-error"	<---- it has to be smart and add this class in case of error
    errorClassName="error-message"  <------- this will format the label error
    labelClassName="form-label"    <--------- this will format the label
    errorMessage={error}		<---- this will allow to pass a simple string
    label={label} 
    id={id} 
    name={name}
    value={value} 
    options={concatOptions} 
   onChange={onChange}
   nullOption="Select..."
/>

To obtain the same result currently I had to do the following:

<div className={['form-group', error ? 'form-group-error': null].join('')}>   
    <FormSelect 
         className="form-control" 
          label={label} 
          id={id} 
          name={name}
          value={value} 
          options={concatOptions} 
          error={{
            text: error,
            className: 'error-message',
          }} 
           onChange={onChange}
           nullOption="Select..."
           labelProps={{
            className: 'form-label',
          }}
     />
</div>

3. I also tried to use it with a label and to have the label on top I had to wrap everything in another div:

<div className="m-3">
                <FormSelect
                  label="Basic"
                  options={(item as UserOptionalCustomisation).options}
                  onChange={handleValueChange}
                  labelProps={{
                    //@ts-ignore
                    className:
                      "block text-xs font-bold pb-1 text-gray-500 mr-4 flex items-end ml-0.5",
                  }}
                  className="text-xs p-1 border-gray-300 border rounded text-gray-500"
                />
              </div>

4. For the pre-selected value I had to use it inside the options but it could be better if is specified outisde the options as another props:

options: [
      { label: "bottom", value: "bottom", selected: true },
      { label: "top", value: "top" },
    ]

Important: please use release/0.4 as base branch