Generate the social-sharing image via nextjs

[Codeshark-NET]

https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image

This will get us better control over the image, so we don't have to deal with the image asset too.

[Isaac-alencar]

hey, I can work on it!

[Codeshark-NET]

hey, I can work on it!

Awesome! 🙌

A few more notes for you then:

• The design of the social banner can be redesigned if needed, but please reuse the text
• Text should be taken from the config file (or added there)
• It'd be great if the implementation is flexible enough to handle different text in the future (for blogposts and subpages)
• Otherwise... looking forward to see what magic you come up with 😊

Thanks!