Update Title bar component scenarios - Storybook

[jps]

Description

Updates to the Title bar component scenarios- Storybook

Tasks/Steps

• Using the designs update the storybook pages for the Title bar component.
• The designs include what should be on each page, and the title, description, and link to the documentation page on the site for the component.
• Note the name of the pages also should be updated to match what we have in the designs.

Notes (main differences to what we have currently live versus the designs)

• Remove title-bar, added variations to other stories
• Default - new story
• Variations - new story
• Overrides - new story

Acceptance/Testing Criteria

Given I am in Storybook When I view the Title bar component pages Then the pages will be updated as per the designs And the pages will be within 1024x768 for Applitools snapshots.

Business Benefit/Value

Consistent Title bar component examples for consumers, aligning to the NK branding.

[jannuk59]

@GeriReid and @nathanparris Please have review on it http://ncu-newskit-docs-pr.s3-website-eu-west-1.amazonaws.com/725-titlebar-storybook/storybook/?path=/docs/components-title-bar--story-title-bar-default

[GeriReid]

thanks @jannuk59.

• On the examples without a heading could you please remove the extra padding above the title, so it sits centrally:

  

• Logical Props - lowercase p in the heading please to read Logical props

Rest looks good, thanks :)

[jannuk59]

@nathanparris removed extra gap at the top of the title bar when we dont have heading. Please have a review at it http://ncu-newskit-docs-pr.s3-website-eu-west-1.amazonaws.com/725-titlebar-storybook/storybook/?path=/docs/components-title-bar--story-title-bar

[nathanparris]

@jannuk59 Looks good to me

[jannuk59]

Thanks @nathanparris. Moving to peer review