Confusing warning before rendering large mermaid graphs

via Slack: https://gitlab.slack.com/archives/C03MSG8B7/p1644429880808019

When we detect large mermaid graphs we present the user with the following warning:

Note this warning is prestented below the unrendered text, which requires the user to scroll down before it is even visible. I was confused when I first encountered this because I didn't see the warning at first and didn't understand why the chart was not being rendered.

You can find an example of this here: customers-gitlab-com#3975 (closed)

Another thing to note is that when you click Display to render it, the size of the bounding box on the original text area remains the same, which leaves a lot of whitespace surrounding the graph. There are also no options for zooming these larger graphs and they cannot expand beyond the fixed width issue/MR layout. Would be nice if they could be expanded full screen like how designs work.

Finally, I notice no performance issues whatsoever when rendering the graph in the linked example, so I question the usefulness of this warning in the first place.

/cc @mnichols1