982155: Part 3 - Check code snippet and make preview sample in blazor platform

Author: NithyaSivaprakasam

blazor/gantt-chart/labels.md

@@ -80,5 +80,3 @@ The Gantt Chart component maps any data source fields to [GanttLabelSettings](ht
 {% endtabs %}
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/LtLIDkVIpzpsrlhR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
-
-![Blazor Gantt Chart with Task Label](images/blazor-gantt-chart-task-label.png)

blazor/gantt-chart/style-and-appearance.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Style and Appearance in Blazor Gantt Chart Component
 
-To modify the Gantt Chart appearance, you need to override the default CSS of Gantt Chart. Find the list of CSS classes and their corresponding section in Gantt Chart. Also, you have an option to create your own custom theme for all the JavaScript controls using our [Theme Studio](https://blazor.syncfusion.com/documentation/appearance/theme-studio/).
+To modify the Gantt Chart appearance, you need to override the default CSS of Gantt Chart. Find the list of CSS classes and their corresponding section in Gantt Chart. Also, you have an option to create your own custom theme for all the JavaScript controls using our [Theme Studio](https://blazor.syncfusion.com/documentation/appearance/theme-studio).
 
 |Section | CSS Class | Purpose of Class |
 |-----|-----|-----|

blazor/gantt-chart/task-dependencies.md

@@ -362,6 +362,9 @@ The Gantt Chart includes styling options that enable you to customize the appear
 
 Here is a code snippet that shows how to modify the color of dependency lines:
 
+{% tabs %}
+{% highlight razor tabtitle="Index.razor" %}
+
 @using Syncfusion.Blazor.Gantt
 <SfGantt DataSource="@TaskCollection" ConnectorLineBackground="#ff0000" ConnectorLineWidth="2" Height="450px" Width="750px">
     <GanttTaskFields Id="TaskID"

blazor/gantt-chart/timezone.md

@@ -138,8 +138,6 @@ The `Timezone` property can be assigned a standard IANA timezone string, such as
 
 {% previewsample "https://blazorplayground.syncfusion.com/embed/BDrIZuLqprprdGQl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
-![Timezone in Blazor Gantt Chart](./images/gantt-timezone.gif)
-
 ### CRUD operations with timezone
 
 CRUD operations in the Blazor Gantt Chart respect the configured `Timezone` property, ensuring consistent date and time handling. When adding a task, the start date is calculated based on the minimum start date in the dataset and converted to the specified timezone. Editing or deleting tasks processes `StartDate` and `EndDate` values in the configured timezone, maintaining consistency in visualization, data storage, and export operations.