feat(open-graph): Add emoji support to Satori

[Stephen-X]

This PR adds emoji support to satori when generating OG images. It's a port of the official satori example code: index.tsx, and defaults emoji svg source to twemoji.

Before

After

[aarnphm]

Should we just use the twemoji from node then?

And can we import util from satori to reduce code maintenance?

[Stephen-X]

can we import util from satori to reduce code maintenance?

@aarnphm I didn't link it in the description (but in code), but here it is: twemoji.ts, it's also in their playground demo code directory. Satori's developer Vercel only officially implemented emoji support in their closed source version of satori: @vercel/og.

Should we just use the twemoji from node then?

I thought about adding dev dependencies, but liked the example code where they offered a lot of alternatives, e.g. the MS Fluent UI emoji version I'm personally using. Thought it'd be useful to leave it as-is for tech-savvy Quartz users to switch in code should they prefer a different look.

I don't know if folks would be OK with introducing a lot of dev dependencies only for emojis in the OG image generation use case.

For twemoji specially, the NPM package is just a thin wrapper around CDN cached SVG images (and MaxCDN has shut down so the plugin would not work out of the box).

Considering what the API does is really just downloading an svg over matching icon code, and these emojis do not change at all, I think there's less of a worry of maintaining the versions? twemoji looks abandoned so it wouldn't support future emoji versions. I'm not aware of another authoritative alternative (and the emoji design is also highly subjective) so keeping the apis API dictionary in code might be more nimble?