fix(dialog): long titles now wrap

[tomdavies73]

fix #7653

Proposed behaviour

Now ensures titles which would typically exceed the length of the component and overflow, now wrap instead

Current behaviour

Titles whic exceed the length of the component overflow

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in provided StackBlitz sandbox/Storybook
• Add new Playwright test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

Testing instructions

[edleeks87]

@tomdavies73 I'm happy to move this into QA as the comment I've left won't affect the outcome of that, you can just amend when you get back if you want etc

[edleeks87]

comment (non-blocking): for consistency/maintenance sake we should avoid inlining the styles.