Invalid state for checkbox and radio

[robinmolen]

Closes #298

Adding invalid state and styling to checkbox and radio inputs.

Design for checkbox: https://www.figma.com/design/gWXiUgpX9qeYz95LZlERe7/AdminUI-DS?node-id=3775-2068&p=f&m=dev
Design for radio: https://www.figma.com/design/gWXiUgpX9qeYz95LZlERe7/AdminUI-DS?node-id=3775-2185&p=f&m=dev

[codecov-commenter]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 92.02%. Comparing base (fbab5f6) to head (14086e7).

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #299      +/-   ##
==========================================
+ Coverage   91.96%   92.02%   +0.06%     
==========================================
  Files         203      203              
  Lines        8411     8426      +15     
  Branches     1251     1254       +3     
==========================================
+ Hits         7735     7754      +19     
+ Misses        673      669       -4     
  Partials        3        3              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[svenvandescheur]

Making this explicit in form fields seems sensible to me. A few remarks though:

• Currenlty, formcontrol.scss does some higher lever trickery to set the red border. Do we we want to remove that in favor of this implementation?
• I don't think this is implemented consistently with other form components (Select, Textarea).

[robinmolen]

I've removed the formcontrol invalid styling in favor of the input specific styling.

I've added design tokens for invalid input, select and textarea (along the previously added invalid design tokens for checkbox and radio). With that, i've removed the formcontrol.danger design token (this is replaced with the invalid input design token)

Each form component now explicitly has a invalid property, which sets their aria-invalid. Using aria-invalid en the :invalid css selector, the invalid styling is applied to all form fields.

In storybook, each form element has a invalid story displaying the invalid state.