ensures quick fact content is inside a <p> tag

[markconroy]

Closes #607

What does this change?

Our template "nearly" puts the text of a quick fact into p tags, but since we render {{ content.localgov_fact }} the render array produces a div which in turn means we render an empty p tag followed by the content.

This PR sorts that so that we render {{ content.localgov_fact.value }} instead so it goes inside the p tag.

How to test

Visit https://localgov.ddev.site/adult-health-and-social-care/another-service-landing-page/service-page and check that the content in the fact box is inside a p tag.

Accessibility

The original issue says "Key information is styled in a way that suggests importance but does not use appropriate semantic elements to convey its meaning.".

However, I am not sure what semantic elements to use except p for these elements. It's not clear in all circumstances (so we could make this generic) if any of the constituent parts should be headings or something else.

---

Thanks to Big Blue Door for sponsoring my time to work on this.

[msayoung]

Hi @markconroy , this is great thanks.

I agree, its hard to know what to use which will make sense in all circumstances. I think generic <p> elements are ok.