docs(PPDSC-2704): update stories

[mstuartf]

PPDSC-2704

What

1. Background - why this is needed
2. What did you do
3. What does the reviewers should expect

I have done:

• Written unit tests against changes
• Written functional tests against the component and/or NewsKit site
• Updated relevant documentation

I have tested manually:

• The feature's functionality is working as expected on Chrome, Firefox, Safari and Edge
• The screen reader reads and flows through the elements as expected.
• There are no new errors in the browser console coming from this PR.
• When visual test is not added, it renders correctly on different browsers and mobile viewports (Safari, Firefox, small mobile viewport, tablet)
• The Playground feature is working as expected

Before:

After:

Who should review this PR:

How to test:

[pp-serviceaccount]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs-pr.s3-website-eu-west-1.amazonaws.com/ppdsc-2704-form-input-stories
Storybook: http://ncu-newskit-docs-pr.s3-website-eu-west-1.amazonaws.com/ppdsc-2704-form-input-stories/storybook

[mutebg]

Do you need to pass the ID everywhere, or we have a bug?

[mstuartf]

Yeah, I was getting a11y errors without. I think the issue was the ids for the two sets of radios / checkboxes were the same unless I set them manually.

[mutebg]

I see, I know why is happening, might create a ticket for that.

[JohnTParsons]

IDs should be lower-case I think, eg id="interests-science"

[mstuartf]

updated