Move Mermaid large alert to the beginning of the diagram
What does this MR do and why?
When using mermaid, in some situations an alert is created when the diagram is deemed complex enough to not automatically render. Currently, this alert lives below the diagram, causing confusion to users. This change moves the alert above the rendered diagram, making it instantly clear to users.
Related to #352452 (closed)
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Create a new issue with a mermaid diagram in the markdown.
- You can use the diagram from this issue: customers-gitlab-com#3975 (closed)
- See that the Alert has moved from the bottom of the diagram to the top.