Feature/vote 2067 breadcrumb space

[clmedders]

Jira ticket

Vote-2067

Description

Adding style to the div wrapping the breadcrumb block to add a margin top style to the following element.

Also updated the page-title template to removed the div and just make it into an h1 and update the styles for the component.

Side by side of computed styles:

Deployment and testing

Post-deploy steps

1. run lando retune and cd into the votegov theme and run npm run build

QA/Testing instructions

1. visit the following pages voter guide, about page, state selection page, accessibility page, site map and inspect the heading element and check that the margin top has 5rem/80px
2. also add {{ drupal_entity('block', 'votegov_breadcrumbs') }} above the vote-hero__heading element in the hero file and check that the same styles are applied to the hero element on the home page as well.

Checklist for the Developer

• A link to the JIRA ticket has been included above.
• No merge conflicts exist with the target branch.
• Automated tests have passed on this PR.
• A reviewer has been designated.
• Deployment and testing steps have been documented above, if applicable.

Checklist for the Peer Reviewers

• The file changes are relevant to the task objective.
• Code is readable and includes appropriate commenting.
• Code standards and best practices are followed.
• QA/Test steps were successfully completed, if applicable.
• Applicable logs are free of errors.