Use DCR support header component in new TopBar

[cemms1]

What does this change?

Uses the DCR support header in the new TopBar component (see https://github.com/guardian/dotcom-rendering/pull/11190)

In doing this, also:

• Adds new Storybook stories for the SDC components (Header and SignInPromptHeader)
• Adds Storybook mocks to show the standard Header and the SignInPromptHeader in the TopBar story

The TopBar component is currently behind a 0% test while it is being developed. It will be then trialled in an AB test before using permanently.

Why?

We are trialling a redesign of the site Header and moving the support messaging from the Header section to the TopBar.

By migrating the support header component from support-dotcom-components (SDC) to dotcom-rendering (DCR) #11290 we can keep using the SDC version in the existing header and rework the DCR version for the new top bar designs.

Screenshots

[!NOTE] The screenshots below do not include the new "title piece" section (reworked nav with the Guardian logo included) See https://github.com/guardian/dotcom-rendering/pull/11368 for this work

LeftCol examples (1200px)

Before
After (signed out)
After (signed in)

Tablet (960px)

Before
After (signed out)
After (signed in)

Mobile Landscape (600px)

Before
After (signed out)
After (signed in)

Mobile (375px)

Before
After (signed out)
After (signed in)

Sign In Prompt (header variation for users who have contributed without registering)