fix: prevent overlap in html page breaks

[jennifer-richards]

Fixes #11118

[jennifer-richards]

Changes the <hr> at page breaks to render like this instead of with the overlap shown in #11118

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 88.58%. Comparing base (8dbc1bc) to head (8a6588f).
⚠️ Report is 20 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #11172      +/-   ##
==========================================
+ Coverage   88.52%   88.58%   +0.06%     
==========================================
  Files         334      333       -1     
  Lines       45102    44669     -433     
==========================================
- Hits        39927    39572     -355     
+ Misses       5175     5097      -78     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[jennifer-richards]

For the record: the screenshot above looks ~ the same on Firefox, Chrome, and Safari in a quick check.

[jsoref]

This is what I see today in Chrome:

Am I doing something wrong?

[jennifer-richards]

Am I doing something wrong?

No, but you tested before the fix was released. The GH issue closes when the fix is merged to main, but it's usually a few days before it goes live. It was released yesterday afternoon North American time, so you should see something different now.