fix: #151 mermaid diagrams not rendered correctly

[colinscz]

🔗 Linked issue

Closes #151

❓ Type of change

• [x] 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• [x] 🐞 Bug fix (a non-breaking change that fixes an issue)
• [ ] 👌 Enhancement (improving an existing functionality like performance)
• [ ] ✨ New feature (a non-breaking change that adds functionality)
• [ ] 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• [ ] ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Solves the display issue with the mermaid plugin. Solution inspired by the workaround explained here: https://advanced-stack.com/resources/how-to-setup-vitepress-mermaid-plugin.html

Partially this works, but diagrams for some of the components are not yet rendered properly.

📝 Checklist

• [x] I have linked an issue or discussion.
• [x] It's submitted to the main branch
• [x] When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
• [x] I have updated the documentation accordingly.
• [ ] All tests are passing
• [ ] New/updated tests are included
• [ ] I have updated the "upcoming" section inside docs/changelog.md explaining the changes I contributed

If adding a new feature, the PR's description includes:

• [ ] A convincing reason for adding this feature (to avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it)

Other information: