docs: convert png diagrams to svg

[tony19]

Description

This converts the following PNG diagrams to SVG to enable translations:

• docs/images/bundler.png -> bundler.svg
• docs/images/esm.png -> esm.svg
• docs/images/graph.png -> graph.svg

This also adds the source file for the diagrams, which can be edited in Figma.

Preview:

• Why Vite?

• Features

fixes #9207

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[bluwy]

This looks good to me. Nice touch to get in work in light/dark mode too. I'm not 100% sure of the borders around the image (feels a bit off from the docs design), but if it's just me we could also merge this soon then.

[patak-dev]

Looks great! @tony19 if it is possible I also think these would look better without the borders.
By the way, thanks for all the reviews and PRs you have been doing! It's very helpful ❤️

[tony19]

@bluwy @patak-dev Thanks! Ok, border removed! 👍

I think the diagrams need a few tweaks to improve legibility on mobile devices, but I'll create a different PR for that when I can.