Broken react select styling for large values

[robinmolen]

Closes #4802

Changes

• Fixing the bug by ensuring that the .admin-react-select element can't grow beyond its max-inline-size
• Replaced the DocumentTypes and CaseTypeSelect select option html labels with simple text labels. The html labels are now added as a custom Option component for the ReactSelect. This means that the html labels will only be used when the option is presented in the dropdown, otherwise the simple text label will be used.
• Updated the storybook mock data to showcase large option labels for DocumentTypes and CaseTypeSelect

Checklist

Check off the items that are completed or not relevant.

• Impact on features

  • [X] Checked copying a form
  • [X] Checked import/export of a form
  • [X] Config checks in the configuration overview admin page
  • [X] Problem detection in the admin email digest is handled

• Release management

  • [X] I have labelled the PR as "needs-backport" accordingly

• I have updated the translations assets (you do NOT need to provide translations)

  • [X] Ran ./bin/makemessages_js.sh
  • [X] Ran ./bin/compilemessages_js.sh

• Commit hygiene

  • [X] Commit messages refer to the relevant Github issue
  • [X] Commit messages explain the "why" of change, not the how

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 96.55%. Comparing base (22d641b) to head (0db34e9). Report is 4 commits behind head on master.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #4812 +/- ## ======================================= Coverage 96.55% 96.55% ======================================= Files 748 748 Lines 25413 25413 Branches 3358 3358 ======================================= Hits 24538 24538 Misses 610 610 Partials 265 265 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.