Fix Wind Rose not displayed after new map generation (#1415)

* Initial plan

* fix: re-append compass rose use element after undraw on map regeneration

Agent-Logs-Url: https://github.com/Azgaar/Fantasy-Map-Generator/sessions/0c1f6a22-f14f-4484-83eb-e79ff22a8551

Co-authored-by: Azgaar <26469650+Azgaar@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Azgaar <26469650+Azgaar@users.noreply.github.com>

Author: Copilot

public/modules/ui/layers.js

@@ -197,7 +197,10 @@ function drawLayers() {
   if (layerIsOn("toggleCells")) drawCells();
   if (layerIsOn("toggleGrid")) drawGrid();
   if (layerIsOn("toggleCoordinates")) drawCoordinates();
-  if (layerIsOn("toggleCompass")) compass.style("display", "block");
+  if (layerIsOn("toggleCompass")) {
+    if (!compass.select("use").size()) compass.append("use").attr("xlink:href", "#defs-compass-rose");
+    compass.style("display", "block");
+  }
   if (layerIsOn("toggleRivers")) drawRivers();
   if (layerIsOn("toggleRelief")) drawReliefIcons();
   if (layerIsOn("toggleReligions")) drawReligions();
@@ -694,6 +697,7 @@ function drawCoordinates() {
 function toggleCompass(event) {
   if (!layerIsOn("toggleCompass")) {
     turnButtonOn("toggleCompass");
+    if (!compass.select("use").size()) compass.append("use").attr("xlink:href", "#defs-compass-rose");
     $("#compass").fadeIn();
     if (event && isCtrlClick(event)) editStyle("compass");
   } else {