Multiline data name in VictoryLegend causes incorrect spacing between label elements

[ryanseipp]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Victory version

36.6.8

Code Sandbox link

No response

Bug report

I have one or more legend labels that need to span multiple lines, which I achieve by placing a newline character into the label string (`\n`). In either vertical or horizontal orientation of the labels, this causes excess space to be added to label elements that occur below the multiline label.

Steps to reproduce

Go to https://commerce.nearform.com/open-source/victory/docs/victory-legend#data
Paste the following into the text box:

<VictoryLegend x={125} y={50}
  orientation="vertical"
  data={[
    { name: "One\nNext" },
    { name: "Two" },
    { name: "Three" }
  ]}
/>

The following is an example for horizontal orientation:

<VictoryLegend x={125} y={50}
  orientation="horizontal"
  itemsPerRow={2}
  data={[
    { name: "One\nNext" },
    { name: "Two" },
    { name: "Three" },
    { name: "Four" },
    { name: "Five" },
    { name: "Six" }
  ]}
/>

Expected behavior

Space between legend elements would remain consistent, either respecting `rowGutter` so the user of Victory can account for this, or automatically for every row.

Actual behavior

Excess space is added to only the next row of legend items.

Environment

- Device: Desktop
- OS: macOS Sonoma 14.2.1
- Node: 20.11.0
- npm: 10.2.4