Use description per option in selectboxes and radio components

[SilviaAmAm]

DH Taiga issue 540

This should happen both in the native components and the formio templates.

[sergei-maertens]

I don't think this is currently possible in the backend because options only allow specifying label + value and there's no input now for additional descriptions.

[joeribekker]

https://www.figma.com/file/shhwGcqPLi2CapK0P1zz8O/NLDS---Voorbeeld---Bibliotheek?type=design&node-id=1039-2941&mode=design

[nikkiysendoorn1]

I finished this in the frontend. There should be an extra description field in the admin.

[sergei-maertens]

Specified a bit more in detail what needs to happen in the different repositories:

• In the https://github.com/open-formulieren/types repository:
  • [x] add the description property to the Option interface so that the formio builder and future formio renderer know that this property exists.
  • [x] ensure that this property is marked as translatable at the type level (option.openForms.translations.description should be allowed, same as option.openForms.translations.label)
• In the https://github.com/open-formulieren/formio-builder repository:
  • [x] Ensure that for radio/checkbox components the description can be entered by form designers (currently you can only enter value and label)
  • [x] Ensure that the translations for the description field can be entered on the translation tab
• In the https://github.com/open-formulieren/open-forms-sdk repository:
  • [x] Update the checkbox/radio EJS formio templates to make sure the descriptions are displayed
  • [x] Ensure that the correct NL Design System class names and markup are used
  • [x] Update the React component for radio too (which is separate from the formio component) with the same constraints as above

Backend:

• Ensure that the description of the option is localized with the active language