[iOS] Fix for CarouselView ItemSpacing property in ItemsLayout not working with CV2 (#27056)

* Fixed the ItemSpacing issue in CV2

* reenabled the test

* changed the fix based on conflicts file

* Optimized the fix in the LayoutFactory2

Author: Ahamed-Ali

src/Controls/src/Core/Handlers/Items2/iOS/LayoutFactory2.cs

@@ -272,7 +272,6 @@ public static UICollectionViewLayout CreateCarouselLayout(
 		NSCollectionLayoutDimension itemHeight = NSCollectionLayoutDimension.CreateFractionalHeight(1);
 		NSCollectionLayoutDimension groupWidth = NSCollectionLayoutDimension.CreateFractionalWidth(1);
 		NSCollectionLayoutDimension groupHeight = NSCollectionLayoutDimension.CreateFractionalHeight(1);
-		nfloat itemSpacing = 0;
 		NSCollectionLayoutGroup group = null;
 
 		var layout = new UICollectionViewCompositionalLayout((sectionIndex, environment) =>
@@ -325,7 +324,10 @@ public static UICollectionViewLayout CreateCarouselLayout(
 			}
 
 			var section = NSCollectionLayoutSection.Create(group: group);
-			section.InterGroupSpacing = itemSpacing;
+			if (itemsView.ItemsLayout is LinearItemsLayout linearItemsLayout)
+			{
+				section.InterGroupSpacing = (nfloat)linearItemsLayout.ItemSpacing;
+			}
 			section.OrthogonalScrollingBehavior = isHorizontal
 				? UICollectionLayoutSectionOrthogonalScrollingBehavior.GroupPagingCentered
 				: UICollectionLayoutSectionOrthogonalScrollingBehavior.None;

src/Controls/tests/TestCases.HostApp/Issues/Issue25192.xaml

@@ -4,28 +4,26 @@
              xmlns:local="clr-namespace:Maui.Controls.Sample"
              x:Class="Maui.Controls.Sample.Issues.Issue25192">
     <Grid>
-        <!-- This functionality failed in CarouselView2. Reference: https://github.com/dotnet/maui/issues/27025 -->    
-        <!-- TODO: Replace CarouselView1 with CarouselView once the issues mentioned in the GitHub issue are resolved. -->    
-        <local:CarouselView1 Margin="2,9,2,20"
+        <CarouselView Margin="2,9,2,20"
                       HeightRequest="180"
                       Loop="False"
                       PeekAreaInsets="20"
                       VerticalOptions="End"
                       HorizontalScrollBarVisibility="Never">
-            <local:CarouselView1.ItemsSource>
+            <CarouselView.ItemsSource>
                 <x:Array Type="{x:Type x:String}">
                     <x:String>Item1</x:String>
                     <x:String>Item2</x:String>
                     <x:String>Item3</x:String>
                 </x:Array>
-            </local:CarouselView1.ItemsSource>
-            <local:CarouselView1.ItemsLayout>
+            </CarouselView.ItemsSource>
+            <CarouselView.ItemsLayout>
                 <LinearItemsLayout ItemSpacing="5"
                                    Orientation="Horizontal"
                                    SnapPointsAlignment="Center"
                                    SnapPointsType="MandatorySingle"/>
-            </local:CarouselView1.ItemsLayout>
-            <local:CarouselView1.ItemTemplate>
+            </CarouselView.ItemsLayout>
+            <CarouselView.ItemTemplate>
                 <DataTemplate
                     x:DataType="{x:Null}">
                     <Border BackgroundColor="Red"
@@ -103,7 +101,7 @@
                         </Grid>
                     </Border>
                 </DataTemplate>
-            </local:CarouselView1.ItemTemplate>
-        </local:CarouselView1>
+            </CarouselView.ItemTemplate>
+        </CarouselView>
     </Grid>
 </ContentPage>