chore(Grid,Gauge): fix snippets and skip repl

Author: ntacheva

_contentTemplates/grid/common-link.md

@@ -171,6 +171,7 @@ A multi-header column does not show up in the list of columns in the column choo
 
 The state of a multi-header column is handled in the same way as a standard column. The columns in the state are listed in a flat list in the order of definition. For example, for the following setup:
 
+<div class="skip-repl"></div>
 ````CSHTML
 <TelerikGrid>
     <GridColumns>

components/gauges/circular/pointers.md

@@ -118,7 +118,7 @@ The `Size` (`double`) parameter controls the size of the pointer.
 ![larger pointer size](images/pointer-size-circular.png)
 
 ````CSHTML
-* Change the size of the pointer *@
+@* Change the size of the pointer *@
 
 <TelerikCircularGauge>
     <CircularGaugePointers>

components/gauges/radial/labels.md

@@ -122,7 +122,7 @@ The `Visible` (`bool`) parameter controls whether the labels will be rendered.
 
         <RadialGaugeScale>
             <RadialGaugeScaleLabels Background="yellow">
-                <RadialGaugeScaleLabels Margin Top="10" Bottom="10" Left="10" Right="10"></RadialGaugeScaleLabelsMargin>
+                <RadialGaugeScaleLabelsMargin Top="10" Bottom="10" Left="10" Right="10"></RadialGaugeScaleLabelsMargin>
             </RadialGaugeScaleLabels>
         </RadialGaugeScale>
     </RadialGaugeScales>

components/grid/editing/overview.md

@@ -435,6 +435,7 @@ There are a few considerations to keep in mind with the CUD operations of the gr
 
     * When an input receives an `EditContext` (usually comes down as a cascading parameter), the framework also requires a `ValueExpression`. If you use two-way binding (the `@bind-Value` syntax), the `ValueExpression` is deducted from there. However, if you use only the `Value` property, you have to pass the `ValueExpression` yourself. This is a lambda expression that tells the framework what field in the model to update. The following sample demonstrates how to achieve that. You can also check the [Requires a value for ValueExpression]({%slug common-kb-requires-valueexpression%}) knowledge base article for more details.
 
+    <div class="skip-repl"></div>
     ````CSHTML
     <EditorTemplate>
         <TelerikTextBox Value="@myModel.MyField"

components/grid/editing/validation.md

@@ -182,7 +182,7 @@ You can validate the Grid with any validator that uses the `EditContext`. To cha
 
 >note Such third party tools are not included in the Telerik UI for Blazor package. Your project must reference their NuGet packages explicitly. The code snippet below will not run unless you install an appropriate package first. You can find such in the <a href="https://docs.fluentvalidation.net/en/latest/blazor.html" target="_blank">official FluentValidation documentation</a>.
 
-
+<div class="skip-repl"></div>
 ````CSHTML
 @using Blazored.FluentValidation
 @using FluentValidation

components/grid/overview.md

@@ -196,17 +196,17 @@ To execute these methods, obtain reference to the Grid instance via `@ref`.
 @code {
     private TelerikGrid<GridModel> TheGrid { get; set; }
 
-    private void AutoFit()
+    private async Task AutoFit()
     {
-        TheGrid.AutoFitAllColumns();
+        await TheGrid.AutoFitAllColumnsAsync();
     }
 
     private IEnumerable<GridModel> GridData = Enumerable.Range(1, 5)
         .Select(x => new GridModel
-        {
-            Id = x,
-            Text = "some longer text here that will not fit on a single line and we would like to expand it " + x
-        });
+            {
+                Id = x,
+                Text = "some longer text here that will not fit on a single line and we would like to expand it " + x
+            });
 
     public class GridModel
     {