[code] - Implement Code component with syntax highlighting

[vnphanquang]

Discussion

Currently docs site uses svelte-highlight, which is good but has some shortcoming for our specific use cases:

• does not support html lang, only xml
• syntax highlighting for svelte uses javascript, so if script tag uses lang=ts => no syntax highlight.

=> look into alternative & possibility of implementing a self-sufficient Code component that overcomes the above.

Resources

The svelte-kit docs uses svelte-prisma, but it render html from backend. How to do it dynamically without trading performance?

There is also highlightjs-svelte, and highlightjs is arguably a better solution giving that individual syntax-highlighting language module can be imported separately???