fix(*): update iframe URLs in documentation to ensure proper routing (#6329)

Author: dkamburov

.github/CONTRIBUTING.md

@@ -192,7 +192,7 @@ Code view example:
 ```html
 <code-view style="height:700px" 
            data-demos-base-url="{environment:lobDemosBaseUrl}" 
-           iframe-src="{environment:lobDemosBaseUrl}/grid/grid" 
+           iframe-src="{environment:lobDemosBaseUrl}/grid/grid/" 
            alt="Angular data grid example">
 </code-view>
 ```

en/components/date-range-picker.md

@@ -122,7 +122,7 @@ The Angular Date Range Picker component also allows configuring two separate inp
 
 <code-view style="height:600px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/scheduling/daterangepicker-start-end" >
+           iframe-src="{environment:demosBaseUrl}/scheduling/daterangepicker-start-end/" >
 </code-view>
 
 ### Popup modes
@@ -135,7 +135,7 @@ By default, when clicked, the [`IgxDateRangePickerComponent`]({environment:angul
 
 <code-view style="height:700px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/scheduling/daterangepicker-mode" >
+           iframe-src="{environment:demosBaseUrl}/scheduling/daterangepicker-mode/" >
 </code-view>
 
 <div class="divider--half"></div>

en/components/general/how-to/signal-r-service-live-data.md

@@ -45,7 +45,7 @@ The purpose of this demo is to showcase a financial screen board with a Real-tim
 
 <code-view style="height:700px"
            data-demos-base-url="{environment:lobDemosBaseUrl}"
-           iframe-src="{environment:lobDemosBaseUrl}/grid-finjs-dock-manager/grid-finjs-dock-manager" alt="Angular Live-data Update Example with a service">
+           iframe-src="{environment:lobDemosBaseUrl}/grid-finjs-dock-manager/grid-finjs-dock-manager/" alt="Angular Live-data Update Example with a service">
 </code-view>
 
 ## SignalR Server Configuration

en/components/grid-lite/binding.md

@@ -47,7 +47,7 @@ the column collection is reset, and a new data source is bound to the grid.
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/data-binding-dynamic" alt="Angular Grid Lite Data Binding Example">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/data-binding-dynamic/" alt="Angular Grid Lite Data Binding Example">
 </code-view>
 
 <!-- TODO ## API References

en/components/grid-lite/cell-template.md

@@ -109,7 +109,7 @@ export interface GridLiteCellContext<
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/column-config-simple" alt="Angular Grid Lite Column Config Basic">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/column-config-simple/" alt="Angular Grid Lite Column Config Basic">
 </code-view>
 
 <!-- TODO ## API References

en/components/grid-lite/column-configuration.md

@@ -105,7 +105,7 @@ In the sample below you can try out the different column properties and how they
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/column-config-dynamic" alt="Angular Grid Lite Column Config Dynamic">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/column-config-dynamic/" alt="Angular Grid Lite Column Config Dynamic">
 </code-view>
 
 <!-- TODO ## API References

en/components/grid-lite/filtering.md

@@ -36,7 +36,7 @@ The **`filter`** property can be either a simple boolean or a
 
 <code-view style="height:600px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/filtering-simple" alt="Angular Grid Lite Filtering Config">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/filtering-simple/" alt="Angular Grid Lite Filtering Config">
 </code-view>
 
 ## Filter Model
@@ -145,7 +145,7 @@ grid.addEventListener('filtered', (event: CustomEvent<GridLiteFilteredEvent<T>>)
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/filtering-events" alt="Angular Grid Lite Filtering Config Events">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/filtering-events/" alt="Angular Grid Lite Filtering Config Events">
 </code-view>
 
 ## Remote filter operations
@@ -182,7 +182,7 @@ The following example mocks remote filter operation, reflecting the REST endpoin
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/filtering-pipeline" alt="Angular Grid Lite Filtering Config Remote">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/filtering-pipeline/" alt="Angular Grid Lite Filtering Config Remote">
 </code-view>
 
 <!-- TODO ## API References

en/components/grid-lite/header-template.md

@@ -40,7 +40,7 @@ import { html } from 'lit';
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/column-config-headers" alt="Angular Grid Lite Column Config Headers">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/column-config-headers/" alt="Angular Grid Lite Column Config Headers">
 </code-view>
 
 <!-- TODO ## API References

en/components/grid-lite/overview.md

@@ -26,7 +26,7 @@ Angular Grid Lite features:
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/overview" alt="Angular Grid Lite App Sample Main">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/overview/" alt="Angular Grid Lite App Sample Main">
 </code-view>
 
 Grid Lite controls are completely free, MIT licensed, as a part of our initiative to make Ignite UI more open, transparent, and accessible. However, if your project scales and grows in complexity and functionality, and you require an enterprise-grade application, we have an upgrade strategy for transitioning from the Grid Lite to the full-featured and advanced Data Grid.  

en/components/grid-lite/sorting.md

@@ -41,7 +41,7 @@ The **`sort`** property can be either a simple boolean or a **`ColumnSortConfigu
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-simple" alt="Angular Grid Lite Sorting Config">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-simple/" alt="Angular Grid Lite Sorting Config">
 </code-view>
 
 ## Single and Multi-Sorting
@@ -82,7 +82,7 @@ The following sample shows the grid **`sortConfiguration`** combinations and how
 
 <code-view style="height:600px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-grid-config" alt="Angular Grid Lite Sorting Config Grid">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-grid-config/" alt="Angular Grid Lite Sorting Config Grid">
 </code-view>
 
 ## Sort model
@@ -186,7 +186,7 @@ In the following sample, when you try to sort the **Name** and **Rating** column
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-events" alt="Angular Grid Lite Sorting Config Events">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-events/" alt="Angular Grid Lite Sorting Config Events">
 </code-view>
 
 ## Remote Sort Operations
@@ -222,7 +222,7 @@ The following example mocks remote sorting operation, reflecting the REST endpoi
 
 <code-view style="height:510px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-pipeline" alt="Angular Grid Lite Sorting Config Pipeline">
+           iframe-src="{environment:demosBaseUrl}/grid-lite/sorting-pipeline/" alt="Angular Grid Lite Sorting Config Pipeline">
 </code-view>
 
 <!-- TODO ## API References