Add monoline icons to the topbar coordinates/sun readout

WAYPOINT_ICON (coords) and PENDING_ICON (countdown) reused as-is; two new
hand-drawn SUNRISE_ICON/SUNSET_ICON since NPS's symbol set has no match —
same currentColor stroke style as the rest of icons.js, so they render
monochrome in the dark topbar rather than colored emoji.

sun.js's formatSunInfo now returns {sunrise, sunset, countdown} instead of
one joined string, so map.js can place its own icon in front of each
piece instead of the module owning any markup.

public/js/map.js

@@ -14,7 +14,7 @@ import { MeasureControl } from "/js/measure.js";
 import { NotesControl } from "/js/notes.js";
 import { PluginsControl } from "/js/plugins.js";
 import { LocateControl } from "/js/locate.js";
-import { LAYERS_ICON } from "/js/icons.js";
+import { LAYERS_ICON, WAYPOINT_ICON, SUNRISE_ICON, SUNSET_ICON, PENDING_ICON } from "/js/icons.js";
 import { formatCoords, formatSunInfo } from "/js/sun.js";
 import { notifySidePanelOpen, onlyOneSidePanelOpen } from "/js/panels.js";
 import { isLoggedIn } from "/js/auth.js";
@@ -448,7 +448,7 @@ map.once("style.load", () => {
 const coordsLabel = document.querySelector(".topbar__coords");
 const updateCoords = () => {
   const { lng, lat } = map.getCenter();
-  coordsLabel.textContent = formatCoords(lat, lng);
+  coordsLabel.innerHTML = `<span class="topbar__icon">${WAYPOINT_ICON}</span><span>${formatCoords(lat, lng)}</span>`;
 };
 updateCoords();
 map.on("move", updateCoords);
@@ -477,8 +477,16 @@ const sunLabel = document.querySelector(".topbar__sun");
 const updateSun = () => {
   const { lng, lat } = map.getCenter();
   const info = formatSunInfo(lat, lng);
-  sunLabel.textContent = info ?? "";
   sunLabel.hidden = info === null;
+  if (!info) return;
+
+  const countdownGroup = info.countdown
+    ? `<span class="topbar__group"><span class="topbar__icon">${PENDING_ICON}</span><span>${info.countdown}</span></span>`
+    : "";
+  sunLabel.innerHTML =
+    `<span class="topbar__group"><span class="topbar__icon">${SUNRISE_ICON}</span><span>${info.sunrise}</span></span>` +
+    `<span class="topbar__group"><span class="topbar__icon">${SUNSET_ICON}</span><span>${info.sunset}</span></span>` +
+    countdownGroup;
 };
 updateSun();
 map.on("moveend", updateSun);