Add details at different zoom levels to Monarch renderings

[jeffbl]

The Monarch client supports a zoom_level parameter on elements in the SVG. @VenissaCarolQuadros manually created example of a butterfly where only the outline shows at first, but when zoomed in >=150%, the butterfly body and wing structure can be felt as well.

Goal is to have LLM decide what elements make sense at various zoom levels, so that the graphic becomes richer the more it is zoomed. Note that for experiences like textbook flow diagrams, where we know there are discrete elements that are likely just outlines at the widest zoom, we can probably make nice custom fills within them. e.g., a cell starts as just a circle with blobs, but when zooming in, can get interior of mitochondria, etc.

[jeffbl]

@VenissaCarolQuadros can you attach your example SVG to this item for reference?

[VenissaCarolQuadros]

You can find the example SVG here.

The attribute that manipulates the zoom level is data-image-zoom. It is also documented in our Wiki.