move connect point to global

connect point currently is at each annotation, it overlaps with next annotation when they are too close. Move the connect point to a shared global one should avoid that, also it's less element to render.

Start by locating the TypeScript code that renders annotation connect points and review how each annotation currently creates one. Move the connection point to a shared global element, then verify that closely spaced annotations no longer overlap and that fewer elements are rendered.

Written by the indexing model from the issue text.