Show more information for selected span in tracer

[aryanjassal]

Specification

Currently, when a span is highlighted in the web visualiser, it reduces the opacity of other spans so only the selected span is highlighted and clearly visible. This is enough to highlight a span, but additional information can be provided for better diagnostics.

The highlighted span can reveal a container which shows useful reference data like the span name, id, and start and stop time. This is more useful than simply the name for all spans.

Additional context

Tasks

1. Create a textbox either as part of the svg or an overlay
2. Show additional data like the span id and the start/stop time or the duration (duration in milliseconds for <5s runtime and in seconds for >5s)
3. Only show the additional data for the selected span

[linear]

ENG-624

[aryanjassal]

Previously, the visualiser was present in MatrixAI/Polykey-CLI#403. However, now that the PR has been closed, we need to consolidate the produced artifacts. This is done by pushing the current version of the visualiser to https://github.com/MatrixAI/js-logger/tree/tracer-visualiser.