Use umb-code-snippet in unsupported block

(cherry picked from commit dcc1fed75c)

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.html

@@ -10,6 +10,6 @@
 		    <a href="http://our.umbraco.com" target="_blank" rel="noopener">Learn more about this warning</a>
 		-->
         <h5>Block data:</h5>
-        <pre ng-bind="block.data | json : 4"></pre>
+        <umb-code-snippet language="'JSON'">{{block.data | json : 4 }}</umb-code-snippet>
     </div>
 </div>

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklistentryeditors/unsupportedblock/unsupportedblock.editor.less

@@ -1,5 +1,4 @@
 .blockelement-unsupportedblock-editor {
-
     position: relative;
     display: block;
     box-sizing: border-box;
@@ -10,15 +9,12 @@
     border-radius: @baseBorderRadius;
 
     > .__header {
-
         display: flex;
         align-items: center;
-        
         padding-left: 20px;
         padding-bottom: 2px;
         min-height: 48px;
-        border-bottom: 1px solid @gray-9;
-        
+        border-bottom: 1px solid @gray-9;    
         background-color: @gray-11;
         color: @gray-6;
         
@@ -35,24 +31,16 @@
     }
 
     > .__body {
-
         padding: 20px;
-
         background-color: @gray-11;
 
         a {
             text-decoration: underline;
             color: @ui-action-type;
+
             &:hover {
-                color:@ui-action-type-hover;
+                color: @ui-action-type-hover;
             }
         }
-
-        pre {
-            border: none;
-            padding: 0;
-            background-color: transparent;
-        }
-
     }
 }