Fix shadow consistency on Android and iOS (#24415)

* Fix shadow consistency on Android and iOS

* Update test screenshots

Author: albyrock87

src/Controls/tests/TestCases.Android.Tests/snapshots/android/Issue24414Test.png

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Maui.Controls.Sample.Issues.Issue24414"
+             Title="Issue24414">
+
+    <Grid RowDefinitions="Auto,*,*" RowSpacing="24">
+      <Label Text="Shadows" AutomationId="WaitForStubControl" />
+      <Border Grid.Row="1"
+              HeightRequest="248"
+              WidthRequest="248"
+              VerticalOptions="Center"
+              HorizontalOptions="Center"
+              StrokeShape="{RoundRectangle CornerRadius=24}"
+              Stroke="Black"
+              Padding="24" />
+      <Border Grid.Row="1"
+              HeightRequest="200"
+              WidthRequest="200"
+              VerticalOptions="Center"
+              HorizontalOptions="Center"
+              StrokeShape="{RoundRectangle CornerRadius=24}"
+              Background="LightGreen"
+              Shadow="{Shadow Brush=Black, Offset='0,0', Radius=24, Opacity=1}" />
+      <Border Grid.Row="2"
+              HeightRequest="248"
+              WidthRequest="248"
+              VerticalOptions="Center"
+              HorizontalOptions="Center"
+              StrokeShape="{RoundRectangle CornerRadius=24}"
+              Stroke="Black"
+              Padding="24" />
+      <Border Grid.Row="2"
+              HeightRequest="200"
+              WidthRequest="200"
+              VerticalOptions="Center"
+              HorizontalOptions="Center"
+              StrokeShape="{RoundRectangle CornerRadius=24}"
+              Background="LightGreen"
+              Shadow="{Shadow Brush=Black, Offset='24,24', Radius=24, Opacity=1}" />
+    </Grid>
+</ContentPage>

src/Controls/tests/TestCases.Android.Tests/snapshots/android/ShadowsDontRespectControlShape.png

@@ -0,0 +1,17 @@
+using System;
+using Microsoft.Maui;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui.Controls.Xaml;
+
+namespace Maui.Controls.Sample.Issues;
+
+[XamlCompilation(XamlCompilationOptions.Compile)]
+[Issue(IssueTracker.Github, 24414, "Shadows not rendering as expected on Android and iOS", PlatformAffected.Android | PlatformAffected.iOS)]
+
+public partial class Issue24414 : ContentPage
+{
+	public Issue24414()
+	{
+		InitializeComponent();
+	}
+}

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

@@ -0,0 +1,23 @@
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Issues
+{
+	public class Issue24414 : _IssuesUITest
+	{
+		public Issue24414(TestDevice device)
+			: base(device)
+		{ }
+
+		public override string Issue => "Shadows not rendering as expected on Android and iOS";
+
+		[Test]
+		[Category(UITestCategories.Visual)]
+		public void Issue24414Test()
+		{
+			App.WaitForElement("WaitForStubControl");
+			VerifyScreenshot();
+		}
+	}
+}

src/Controls/tests/TestCases.HostApp/Issues/Issue24414.xaml.cs

@@ -19,7 +19,7 @@ public interface IShadow
 
 		/// <summary>
 		/// The Paint used to colorize the Shadow.
-		/// At this time only SoliPaint works in all platforms
+		/// At this time only SolidPaint works in all platforms
 		/// </summary>
 		Paint Paint { get; }