Markdown preview: add svg text support

[Angelk90]

Check for existing issues

• Completed

Describe the bug / provide steps to reproduce it

As you can see from the images on zed when you preview a markdown but it contains an svg image that contains text, the text is not displayed on the svg.

Online:

Zed:

Svg of reference:
https://github.com/zed-industries/zed/actions/workflows/ci.yml/badge.svg

Environment

Zed: v0.164.0 (Zed Preview)
OS: macOS 14.1.1
Memory: 16 GiB
Architecture: x86_64

If applicable, add mockups / screenshots to help explain present your vision of the feature

No response

If applicable, attach your Zed.log file to this issue.

Zed.log

[jansol]

Specifically this seems to be a problem with the <text> element in SVG. I'd expect that if one were to open the file in inkscape, convert the text to paths and save the file, it would render fine.

[notpeter]

Steps to reproduce:

1. Create an file.svg with text:

<svg xmlns="http://www.w3.org/2000/svg" width="83" height="20">
    <path
        d="M0,3 C0,1.34 1.35,0 3.0,0 L40,0 L40,20 L3.0,20 C1.35,20 0,18.65 0,17 L0,3 Z"
    />
    <text fill="#00FF00"><tspan x="0" y="14">GR</tspan></text>
    <text fill="#FF0000"><tspan x="20" y="14">RE</tspan></text>
</svg>

2. Create a file.md with markdown:

# hi

![file.svg](file.svg)

3. zed file.md
4. cmd-k, v (open markdown preview to the side)