Duplicate <p> rendering on article pages

[n30w]

Description

Articles currently have duplicated <p> rendering in the body when there is a whitespace in the portable text payload. This <p> contains no text. This should be removed.

Platform & operating system

MacOS Sequoia 15.1.1 - M1

What browsers are you seeing the problem on?

Firefox, Microsoft Edge

Steps to reproduce

1. Navigate to any of our articles.
2. Inspect element.

Additional context

[n30w]

Here's what I did to solve this:

1. To reduce the variables and whether or not this was a library issue (we are using a local library of @portabletext/svelte, I used the @portabletext/svelte library but with an alpha version in a PR. See: Start support for Svelte 5 portabletext/svelte-portabletext#78 (comment). This didn't fix the issue.
2. I stumbled upon this GitHub thread discussing blank spaces appearing in the HTML tree when using Sanity portable text. The thread is discussing a react component, however its easily applicable to Svelte. See: Empty lines coreyward/react-portable-text#18 (comment)
3. I transformed the react code into Svelte code by observing the content returned by an article query and accessing the appropriate object and its values. There was already a hint in the component ArticleSingleComponentBlock.svelte, where it states:

let { value } = $derived(portableText);
let { style = 'normal' } = $derived(value);

There was also a value field in the object returned by the Sanity query.

4. That's it!