Setting contentAligned on Hero to center does not center secondary content

[MI6-255]

Summary of the bug

Setting contentAligned on Hero to center does not center secondary content on smaller screen sizes

🪜 How to reproduce

Tell us the steps to reproduce the problem:

1. Go the Hero storybook
2. Set contentAligned to center
3. Adjust your window width to a smaller screen size
4. See how Secondary header and secondary description is not in the center

📸 Screenshots or code

[MI6-255]

Figma needs an update to allow that

[mi6-577]

This is because the Heading (Hero heading, description and interaction slot) comes from the Atoms/TitleSection (which has the alignment property) while the Secondary Section comes from the Atoms/SecondarySlot (which doesn't).

Currently, the SecondarySlot may contain either;

• card (right aligned)
• secondary heading (centre aligned)
• image (centre aligned)

This should be a simple issue to address in Figma.