Height Calculation Issue in React Tournament Brackets

[bsbagchi]

Height Calculation Issue in React Tournament Brackets

Description

The library currently calculates the SVG height based only on the number of matches in the first round.

• If the first round has fewer matches than a full power-of-2 (1, 2, 4, 8, ...), the bracket appears compressed or cut off.
• This causes layout issues for small first rounds or non-power-of-2 participant counts.

---

Steps to Reproduce

1. Use a bracket with 3 or 5 matches in the first round.
2. Render with <GSingleEliminationBracket />.
3. Observe the bracket height: it looks compressed and connectors may overlap or get cut off.

---

Expected Behavior

• The bracket height should scale automatically to accommodate all rounds.
• Ideally, the height should consider the next power-of-2 of first-round matches: