Fix code snippets

Author: dimodi

upgrade/breaking-changes/7-0-0.md

@@ -56,24 +56,24 @@ The obsolete `ClearButton` parameter is removed. Use `ShowClearButton` instead.
     <tbody>
         <tr>
             <td style="vertical-align:top">
-<pre><code>
-&lt;GridColumn&gt;
-    &lt;Template&gt;
+````RAZOR.skip-repl
+<GridColumn>
+    <Template>
         @{ var dataItem = (GridModel)context; }
-        &lt;ChildComponent /&gt;
-    &lt;/Template&gt;
-&lt;/GridColumn&gt;
-</code></pre>
+        <ChildComponent />
+    </Template>
+</GridColumn>
+````
             </td>
             <td style="vertical-align:top">
-<pre><code>
-&lt;GridColumn&gt;
-    &lt;Template&gt;
+````RAZOR.skip-repl
+<GridColumn>
+    <Template>
         @{ var dataItem = (GridModel)context; }
-        &lt;ChildComponent <strong>@key="@dataItem"</strong> /&gt;
-    &lt;/Template&gt;
-&lt;/GridColumn&gt;
-</code></pre>
+        <ChildComponent <strong>@key="@dataItem"</strong> />
+    </Template>
+</GridColumn>
+````
             </td>
         </tr>
     </tbody>

upgrade/rendering-changes/4-3-0.md

@@ -43,16 +43,16 @@ The built-in icons in Telerik UI for Blazor will now render with different HTML
     <tbody>
         <tr>
             <td style="vertical-align:top">
-<pre><code>
-&lt;span class="k-icon k-i-camera"&gt;&lt;/span&gt;
-</code></pre>
+````RAZOR.skip-repl
+<span class="k-icon k-i-camera"></span>
+````
             </td>
             <td style="vertical-align:top">
-<pre><code>
-&lt;span class="k-svg-icon k-svg-i-camera"&gt;
-    &lt;svg&gt;...&lt;/svg&gt;
-&lt;/span&gt;
-</code></pre>
+````RAZOR.skip-repl
+<span class="k-svg-icon k-svg-i-camera">
+    <svg>...</svg>
+</span>
+````
             </td>
         </tr>
     </tbody>

upgrade/rendering-changes/4-6-0.md

@@ -34,16 +34,16 @@ The CSS classes applied to the built-in Font and SVG icons will be unified to in
     <tbody>
         <tr>
             <td style="vertical-align:top">
-<pre><code>
-&lt;span class="k-icon k-i-home"&gt;&lt;/span&gt;
-&lt;span class="k-svg-icon k-svg-i-home"&gt;&lt;/span&gt;
-</code></pre>
+````RAZOR.skip-repl
+<span class="k-icon k-i-home"></span>
+<span class="k-svg-icon k-svg-i-home"></span>
+````
             </td>
             <td style="vertical-align:top">
-<pre><code>
-&lt;span class="k-icon k-font-icon k-i-home"&gt;&lt;/span&gt;
-&lt;span class="k-icon k-svg-icon k-svg-i-home"&gt;&lt;/span&gt;
-</code></pre>
+````RAZOR.skip-repl
+<span class="k-icon k-font-icon k-i-home"></span>
+<span class="k-icon k-svg-icon k-svg-i-home"></span>
+````
             </td>
         </tr>
     </tbody>