DOCS: Add blog post - Official Mermaid Chart for Confluence app

[huynhicode]

:bookmark_tabs: Summary

This PR adds the lastest Mermaid Chart blog post:

How to Use the official Mermaid Chart for Confluence App

Resolves # n/a

:straight_ruler: Design Decisions

Design decisions made by the Mermaid Chart team.

:clipboard: Tasks

Make sure you

• [x] :book: have read the contribution guidelines
• [ ] :computer: have added necessary unit/e2e tests.
• [ ] :notebook: have added documentation. Make sure MERMAID_RELEASE_VERSION is used for all new features.
• [ ] :bookmark: targeted develop branch

[netlify[bot]]

✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	20b03189df7765034cfb6f1ca809a6b5e0f9ccbb
🔍 Latest deploy log	https://app.netlify.com/sites/mermaid-js/deploys/664e5998f43ed300086b54b9
😎 Deploy Preview	https://deploy-preview-5536--mermaid-js.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 77.30%. Comparing base (e3c6281) to head (20b0318). Report is 15 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) ```diff @@ Coverage Diff @@ ## master #5536 +/- ## =========================================== + Coverage 5.73% 77.30% +71.56% =========================================== Files 278 175 -103 Lines 41991 14535 -27456 Branches 490 869 +379 =========================================== + Hits 2409 11236 +8827 + Misses 39582 3091 -36491 - Partials 0 208 +208 ``` | [Flag](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | Coverage Δ | | |---|---|---| | [e2e](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | `82.40% <100.00%> (?)` | | | [unit](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | `43.37% <ø> (+37.63%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js#carryforward-flags-in-the-pull-request-comment) to find out more. | [Files](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | Coverage Δ | | |---|---|---| | [packages/mermaid/src/diagrams/block/blockDB.ts](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536?src=pr&el=tree&filepath=packages%2Fmermaid%2Fsrc%2Fdiagrams%2Fblock%2FblockDB.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js#diff-cGFja2FnZXMvbWVybWFpZC9zcmMvZGlhZ3JhbXMvYmxvY2svYmxvY2tEQi50cw==) | `76.47% <100.00%> (+76.47%)` | :arrow_up: | ... and [275 files with indirect coverage changes](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5536/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js)