Fix richtext rendering

[yuvrajsingh0125]

Fixes #600

The intro field (RichTextField) was being rendered directly in the template, which caused raw HTML to appear instead of properly formatted content.

This update applies the |richtext filter to ensure correct and safe HTML rendering, following Wagtail's standard rendering practices.

[vossisboss]

Yup. This is a legit error. We probably didn't catch it before because we don't usually put non-blog pages in the Related pages section. I'll test this real quick and get this merged. Thanks for the quick fix @yuvrajsingh0125!

[vossisboss]

Huh. Good thing I tested this on staging first. There's something weird happening with the spacing now that the HTML is being filtered properly. This might not be as quick a fix as I was hoping for.

[vossisboss]

Yeah, it looks like the issue isn't just adding a filter because the formatting problem is unique to the Roadmap page type. I suspect it's because there is a URL included in the Roadmap page introduction and the classes are causing issues. When I added other page types that were not blog pages, the formatting was fine. See example here with the Sponsor Wagtail page:

[vossisboss]

Adding the |striptags filter solves the problem being caused by the <a> tags. Preserving the hyperlink in the preview card isn't necessary. We should revisit the design, but this fix solves the issue raised in #600 for now.

[yuvrajsingh0125]

Thanks for testing this and digging deeper.

That makes sense since this is a preview card, stripping the tags instead of rendering full rich text seems more appropriate.

I'll update the template to apply striptags as suggested.

[zerolab]

@yuvrajsingh0125 I've already applied the suggestions from @vossisboss

[vossisboss]

This all looks good to me and looks good on staging. I'm going to merge this now.

[yuvrajsingh0125]

Thanks for the review and for applying the refinements, I really appreciate the feedback!