Fix OrganizationChart connector layout for large child counts

[Coderxrohan]

Fixes an issue where OrganizationChart connector lines break when a node has a
large number of children.

The issue occurs because all children are rendered in a single row, causing the
CSS-based connector layout to break at large widths.

This change chunks children into multiple rows, keeping row widths manageable
while preserving the existing connector rendering logic.

Fixes #7488 (OrganizationChart: if it has a large children number the lines are not connected properly)

[Coderxrohan]

1. Identified that all child nodes were being rendered in a single table row, causing the row to become very wide when a node had many children.

2. This excessive width caused the CSS-based connector lines to misalign due to browser layout and rounding limitations.

3. Updated the internal rendering logic to split large sibling groups into multiple rows instead of one wide row.

4. Rendered connector lines per row, keeping colSpan values bounded and preserving the existing connector behavior.

5. Verified that existing features such as expand/collapse, selection, and styling continue to work as before