docs:(PPDSC-2549) components content updates

[jamestnew]

PPDSC-XXXX

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:

[mutebg]

Your unit tests are failing, you need to run yarn test:unit:site -u in order to update snapshots and make another commit & push.
Let me know if you need assistance with that.

[mutebg]

What's the purpose of this library, I can't see we use it anywhere?

[jamestnew]

Not sure. I just ran the yarn test:unit:site -u then committed the branch and pushed it once all the tests passed.

[mutebg]

IMO this should not be here, I can remove it for you and merge the PR if you want

[jamestnew]

That would be great, thanks Stoyan.

[newskit-engineering]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2549-components-content-updates
Storybook: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2549-components-content-updates/storybook