Rich text merge consecutive headings

[Maypher]

In the rich text field if you wanted to write a multi line field you'd do

# First line
# Second line

Then when using <RichText/> it gets output as

<h1>First line</h1>
<h1>Second line</h1>

While correct it can confuse screen readers. When they see multiple header tags they don't treat them as a single unit but instead as different elements.

My proposed solution is to merge consecutive header tags together (h1 with h1, h2 with h2, etc.) So it outputs

<h1 style="whitespace: pre-line;">
  <div style="...all styles to this specific line">First line</div>
  <div style="...all styles to this specific line">Second line</div>
</h1>

By merging them into a single element screen readers will treat them as a single unit while also allowing individual line styling. Each line is wrapped inside a div so text-align can be configured independently for each line.