Fixed layouts for league thumb/cover

[brheinfelder]

Description

Fixed the layouts for league covers/thumbs to avoid the possibility of overlapping/clipping items like in the below example:

GET /f1/thumb?title=Miami+Grand+Prix&subtitle=Practice+1&iconurl=https%3A%2F%2Fmedia.formula1.com%2Fimage%2Fupload%2Fc_fit%2Ch_704%2Fq_auto%2Fv1740000001%2Fcommon%2Ff1%2F2026%2Ftrack%2F2026trackmiamidetailed.png

Reworked into 3 possible layouts that are switched automatically according to what query params are present:

1. League Logo Only (The original game-thumbs league layout)
2. League and Title/Subtitle Only (No icon)
3. League, Title/Subtitle, and Icon

Type of Change

• Bug fix
• New feature
• New league/sport support
• Team data correction/override
• Documentation update
• Performance improvement
• Code refactoring
• Other (please describe)

Changes Made

Refactored canvas element draw logic in generateLeagueImage() into a centralized function drawContents() so layout variables can be updated in one place instead of several (and significantly reducing code duplication). The new function also contains the logic for the layout switching. This should also make it easy to add other layouts in the future.

Testing

Changes tested locally with /:league/thumb and /:league/cover and relevant query params

• Tested locally
• Added/updated tests
• Verified endpoints work as expected

Test Details:

Screenshots/Examples

Layout 1 (League Only, game-thumbs OG)

Current

GET /f1/thumb

GET /f1/cover

New (pretty much identical)

Layout 2 (League, Title/subtitle)

Current (inconsistent spacing)

GET /nba/thumb?title=Basketball+Game&subtitle=I+know+nothing+about+this+sport

GET /nba/cover?title=Basketball+Game&subtitle=I+know+nothing+about+this+sport

New (fixed)

Layout 3 (League, Title/subtitle, Icon)

Current (broken)

GET /f1/thumb?title=Miami+Grand+Prix&subtitle=Practice+1&iconurl=https%3A%2F%2Fmedia.formula1.com%2Fimage%2Fupload%2Fc_fit%2Ch_704%2Fq_auto%2Fv1740000001%2Fcommon%2Ff1%2F2026%2Ftrack%2F2026trackmiamidetailed.png

GET /f1/cover?title=Miami+Grand+Prix&subtitle=Practice+1&iconurl=https%3A%2F%2Fmedia.formula1.com%2Fimage%2Fupload%2Fc_fit%2Ch_704%2Fq_auto%2Fv1740000001%2Fcommon%2Ff1%2F2026%2Ftrack%2F2026trackmiamidetailed.png

New (fixed)

Checklist

• My code follows the project's coding style
• I have updated documentation if needed
• My changes generate no new warnings or errors
• I have tested my changes thoroughly