Tspan places text at the beginning of Text

[jonahdlin]

Describe the bug
When <Text> has <Tspan> children, each block of text starts from the beginning of the <Text> container.

To Reproduce
Steps to reproduce the behavior including code snippet (if applies):

1. Create a document which has a <Text> with <Tspan> children, like the following:

<Document>
  <Page>
    <Svg>
      <Text x="10" y="30">
        This is a <Tspan style={{ fill: "red" }}>test</Tspan> of tspan
      </Text>
    </Svg>
  </Page>
</Document>

2. Observe the result

This is reproduced in this REPL

The same SVG in plain HTML

<svg>
  <text x="10" y="30">
    This is a 
    <tspan style="fill:red;">test</tspan>
    of tspan
  </text>
</svg>

Looks like this

Expected behavior
The children of <Text> should appear one after the other like they do in native HTML SVG.

Screenshots
See above

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• React-pdf version: latest (3.3.5)