Olivero: Ensure long words break properly when zoomed in to provide proper reflow

This is split off from #3190262: [META] Assess Olivero for WCAG Resize Text and Reflow success criteria. and is an Olivero stable blocker.

I worked with core accessibility maintainer @bnjmnm on this.

The problem is that long words without spaces can cause horizontal scrolling. This gets more likely as users zoom in using browser controls, and are at narrower viewports.

This is a violation of Success Criterion 1.4.10: Reflow and more information can be found on Allowing for Reflow with Long URLs and Strings of Text.