Transformations: Move transformation addition to a drawer

[codeincarnate]

The current tab UI transformations leaves the transformations hanging out in a sea of text.

In this situation for those not familiar with Grafana design language it may be difficult to notice that this is a clickable UI element as it appears to be a text label because of its relative positioning.

We're using this to track some experiments to see if we can make this look a bit more clickable.

[codeincarnate]

Draft PR with experiments here: #74240

[codeincarnate]

Current:

Screen.Recording.2023-08-31.at.4.59.10.PM.mov

[torkelo]

@codeincarnate we use the same tab design as GitHub and many websites, so I doubt this is a big issue, but if it improves the design of tabs and works everywhere we show tabs, then maybe. I wish we could have more rounded corners, Grafana is so angular :(

[codeincarnate]

Thanks for the feedback @torkelo 🙏 We're curious to see if this will work so we're planning on testing it to see what kind of results we get in this context. I hadn't thought too much about how this might apply more broadly but I'll give it some thought 😄

[codeincarnate]

Currently working on some issues with tab position messing up 😢