fix(components): ensure that custom attributes get a space inserted before each one

[ushkarev]

Identify the bug

Almost all MoJ design system components do not put correct whitespace around custom attributes in the nunjucks template.

For instance, https://github.com/ministryofjustice/hmpps-incentives-ui/blob/b8892793247cad8af2c2494802ce839e3abdaf99/server/views/pages/analytics/graph-layout.njk#L5-L24 renders as:

<nav class="moj-sub-navigation govuk-!-display-none-print" aria-label="Incentive data navigation">
  <ul class="moj-sub-navigation__list">
    <li class="moj-sub-navigation__item">
      <a class="moj-sub-navigation__link" aria-current="page" href="/analytics/incentive-levels"data-qa="incentive-levels">Incentive levels</a>
    </li>
    <li class="moj-sub-navigation__item">
      <a class="moj-sub-navigation__link"  href="/analytics/behaviour-entries"data-qa="behaviour-entries">Behaviour entries</a>
    </li>
    <li class="moj-sub-navigation__item">
      <a class="moj-sub-navigation__link"  href="/analytics/protected-characteristics"data-qa="protected-characteristics">Protected characteristics</a>
    </li>
  </ul>
</nav>

…note the absence of a space before each of the data-qa attributes.

Description of the change

This fix removes the nunjucks whitespace stripping before each custom attribute.

Possible drawbacks

If some service's tests have been written to expect this even though it's incorrect HTML.

Release notes

Ensured that custom attributes get a space inserted before each one

[gregtyler]

🎉 This PR is included in version 1.3.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀