feat(ux): enhance media-type switching experience in RequestBodyEditor (#6837)

* feat(ux): enhance media-type switching experience in RequestBodyEditor

1. When canceling the try-out mode the request body will be reset to its initial state.
2. When the user switches the media-type in the try-out mode, the experience is as follows:
   - If the user did edit the request body the body wont be touched and only media type is updated. This is to ensure that user content is NEVER accidentally overwritten with a default value.
   - If the user did not edit the request body it is safe to be replaced by the default value of the target media-type.

Multiple example needed some care in order to allow the retain example value to function properly

* fix(test): workaround cypress issue that can't be reproduced manually

* test: added new feature to ensure enhanced user editing flow

Signed-off-by: mathis-m <mathis.michel@outlook.de>

src/style/_layout.scss

@@ -13,6 +13,10 @@
     flex-direction: column;
 }
 
+.try-out.btn-group {
+  padding: 0;
+}
+
 .opblock-tag
 {
     display: flex;
@@ -668,7 +672,7 @@
     overflow-y: auto;
     max-height: 400px;
     min-height: 6em;
-    
+
     code {
         white-space: pre-wrap !important;
         word-break: break-all;