[OUDS] Design review fix: invalid example with 2 radio buttons and was-validated

[MaxLardenois]

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

closes #2946

Description

Add a second radio button in the invalid state example, require and enclose both in a .was-validated form to show the natural Invalid state via :invalid pseudo-class.

Motivation & Context

Design review

Types of change

• Bug fix (non-breaking which fixes an issue)

Live previews

• https://deploy-preview-2948--boosted.netlify.app/docs/0.3/forms/radio-button/#invalid

Checklist

Contribution

• I have read the contributing guidelines

Accessibility

• My change follows accessibility good practices; I have at least run axe

Design

• My change respects the design guidelines defined in Orange Design System
• My change is compatible with a responsive display

Development

• My change follows the developer guide
• (NA) I have added JavaScript unit tests to cover my changes
• (NA) I have added SCSS unit tests to cover my changes

Documentation

• My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

• (NA) My change introduces changes to the migration guide
• (NA) My new component is well displayed in Storybook
• (NA) My new component is compatible with RTL
• (NA) Manually run BrowserStack tests
• (NA) Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android)
• Code review
• Design review
• A11y review

After the merge

• Manually launch Percy tests

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	a1cd30c
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/67efef177229500008f7186f
😎 Deploy Preview	https://deploy-preview-2948--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[MaxLardenois]

@B3nz01d is this ok for you? It closes issue #2946

[louismaximepiton]

IMO, the .was-validated and .is-invalid are 2 correct ways to display the error in the doc, I'm fine using the .was-validated in here but we should maybe update the paragraph just before.