feat(annotations): render the screen-space annotation board from a store

The screen annotation renderer keeps each mark's SVG parts as attribute
records and presents the board to a store after every rendered frame; a
view teleports it to the page and hands back the callout text and mark
groups the renderer measures. The tracked-entity fade is measured once
the frame is in the document, removed marks fade out before they leave,
and the styles it injected move to annotations.css.

scripts/format-scope.json

@@ -1148,5 +1148,6 @@
   "src/ui/stores/bhoteKoshiPanel.js",
   "src/data/bhoteKoshiPanelView.test.mjs",
   "src/ui/stores/celestialRing.js",
-  "src/celestialRingView.test.mjs"
+  "src/celestialRingView.test.mjs",
+  "src/ui/stores/screenAnnotations.js"
 ]

scripts/package-boundaries.json

@@ -110,7 +110,9 @@
       "src/ui/stores/bhoteKoshiPanel.js",
       "src/ui/views/panels/BhoteKoshiPanel.vue",
       "src/ui/stores/celestialRing.js",
-      "src/ui/views/panels/CelestialRing.vue"
+      "src/ui/views/panels/CelestialRing.vue",
+      "src/ui/stores/screenAnnotations.js",
+      "src/ui/views/panels/ScreenAnnotations.vue"
     ],
     "external": ["vue", "pinia"]
   },
@@ -3030,7 +3032,8 @@
       "src/layers/wind/inspectionMarker.js",
       "src/ui/stores/missionReplay.js",
       "src/ui/stores/bhoteKoshiPanel.js",
-      "src/ui/stores/celestialRing.js"
+      "src/ui/stores/celestialRing.js",
+      "src/ui/stores/screenAnnotations.js"
     ],
     "external": [
       "hls.js",