fix: Remove viewport clipping from TerritoryLayer putImageData to fix missing territory colors on zoom out

[El-Magico777]

Build on top of #158, #159, #160, #161 and #164!

Description:

Problem

Territory colors were not rendering correctly when zooming out. Areas of the map that were outside the initial viewport would appear blank/transparent even though they had proper ownership data. This issue became more frequent and noticeable as users zoomed out to view larger portions of the map.

Root Cause

Introduced in commit 8361640 (Dec 9, 2025) as part of a dirty rect optimization. The renderLayer method was clipping the putImageData call to only update the intersection of:

• The dirty rect (tiles that changed)
• The visible viewport (what's currently on screen)

This optimization prevented off-screen areas from being written to the canvas. While the ImageData buffer contained correct color information for all tiles, the canvas element only received updates for tiles within the viewport at the time they were painted.

When users zoomed out, previously off-screen areas would become visible, but since putImageData was never called for those regions, the canvas still had blank/uninitialized data there.

Solution

Removed the viewport intersection logic from the putImageData call. Now the full dirty rect is applied to the canvas without viewport clipping:

Before:
\\ ypescript
// Intersect dirty rect with visible viewport
const vx0 = Math.max(0, topLeft.x, this.dirtyRect.x0);
const vy0 = Math.max(0, topLeft.y, this.dirtyRect.y0);
\\

After:
\\ ypescript
// Apply the dirty rect directly without viewport clipping
const x0 = Math.max(0, this.dirtyRect.x0);
const y0 = Math.max(0, this.dirtyRect.y0);
\\

This ensures the canvas stays in sync with ImageData for all painted tiles, regardless of viewport position. The performance impact is minimal because:

• We still use dirty rect tracking (only updating changed areas)
• Modern browsers optimize putImageData efficiently
• The final drawImage call already renders the full canvas

Testing

Verify by:

1. Starting a new game
2. Zooming out to view large portions of the map
3. All territory colors should now render correctly without blank areas

Please complete the following:

• I have added screenshots for all UI updates
• I process any text displayed to the user through translateText() and I've added it to the en.json file
• I have added relevant tests to the test directory
• I confirm I have thoroughly tested these changes and take full responsibility for any bugs introduced
• I understand that submitting code with bugs that could have been caught through manual testing blocks releases and new features for all contributors

Please put your Discord username so you can be contacted if a bug or regression is found:

el_magico777

[El-Magico777]

merged in #169