[feat](trx-frontend-http): disable path animations above threshold; wrap axis bookmark labels

Suppress stroke-dashoffset animation and drop-shadow filter on all
contact/radio paths when decodeContactPaths.size > 20 by toggling
.map-paths-static on #aprs-map, avoiding per-frame GPU compositing
with large decode histories.

Wrap non-sideStack bookmark chip labels in
<span class="spectrum-bookmark-name"> and allow word-break on axis
chips so long names split across two lines instead of being clipped.
Axis bar switches to min-height so it grows to fit taller chips.

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stanislaw Grams <stanislawgrams@gmail.com>

src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js

@@ -4647,6 +4647,14 @@ function clearDecodeContactPaths() {
     clearDecodeContactPathRender(entry);
   }
   decodeContactPaths.clear();
+  updateMapPathsAnimationClass();
+}
+
+const MAP_PATHS_STATIC_THRESHOLD = 20;
+function updateMapPathsAnimationClass() {
+  const mapEl = document.getElementById("aprs-map");
+  if (!mapEl) return;
+  mapEl.classList.toggle("map-paths-static", decodeContactPaths.size > MAP_PATHS_STATIC_THRESHOLD);
 }
 
 function formatDecodeContactDistance(distanceKm) {
@@ -4756,6 +4764,7 @@ function syncDecodeContactPathVisibility() {
     ensureDecodeContactPathRendered(entry);
   }
   renderMapQsoSummary();
+  updateMapPathsAnimationClass();
 }
 
 function setMapRadioPathTo(lat, lon, color, className = "aprs-radio-path") {
@@ -8646,7 +8655,7 @@ function createBookmarkChip(bm, colorMap, options = {}) {
     : (
       "<svg class='bm-icon-svg' viewBox='0 0 8 12' width='8' height='12' aria-hidden='true'>" +
       "<path d='M0,0 h8 v10 l-4,2 l-4,-2 Z'/>" +
-      "</svg>\u00a0" + esc(bm.name)
+      "</svg>\u00a0<span class='spectrum-bookmark-name'>" + esc(bm.name) + "</span>"
     );
   span.innerHTML =
     labelHtml;