fix: add stopPropagation to click events in Drawer and Sheet components

Author: Shewart

NET9/BlazorInteractiveServer/Components/UI/Drawer.razor

@@ -10,7 +10,7 @@
 else if (Open)
 {
     <div class="fixed inset-0 z-50 bg-black/80 animate-in fade-in-0" @onclick="Close"></div>
-    <div class="@DrawerVariants.Get(Side, Class)" @attributes="AdditionalAttributes">
+    <div class="@DrawerVariants.Get(Side, Class)" @onclick:stopPropagation="true" @attributes="AdditionalAttributes">
         <div class="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"></div>
         <div class="grid gap-1.5 p-4 text-center sm:text-left">
             @if (!string.IsNullOrEmpty(Title))

NET9/BlazorInteractiveServer/Components/UI/Sheet.razor

@@ -10,7 +10,7 @@
 else if (Open)
 {
     <div class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm animate-in fade-in-0" @onclick="Close"></div>
-    <div class="@SheetVariants.Get(Side, Class)" @attributes="AdditionalAttributes">
+    <div class="@SheetVariants.Get(Side, Class)" @onclick:stopPropagation="true" @attributes="AdditionalAttributes">
         <div class="flex flex-col space-y-2">
             @if (!string.IsNullOrEmpty(Title))
             {

src/ShellUI.Templates/Templates/DrawerTemplate.cs

@@ -27,7 +27,7 @@ @using YourProjectNamespace.Components.UI.Variants
 else if (Open)
 {
     <div class=""fixed inset-0 z-50 bg-black/80 animate-in fade-in-0"" @onclick=""Close""></div>
-    <div class=""@DrawerVariants.Get(Side, Class)"" @attributes=""AdditionalAttributes"">
+    <div class=""@DrawerVariants.Get(Side, Class)"" @onclick:stopPropagation=""true"" @attributes=""AdditionalAttributes"">
         <div class=""mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted""></div>
         <div class=""grid gap-1.5 p-4 text-center sm:text-left"">
             @if (!string.IsNullOrEmpty(Title))

src/ShellUI.Templates/Templates/SheetTemplate.cs

@@ -27,7 +27,7 @@ @using YourProjectNamespace.Components.UI.Variants
 else if (Open)
 {
     <div class=""fixed inset-0 z-50 bg-background/80 backdrop-blur-sm animate-in fade-in-0"" @onclick=""Close""></div>
-    <div class=""@SheetVariants.Get(Side, Class)"" @attributes=""AdditionalAttributes"">
+    <div class=""@SheetVariants.Get(Side, Class)"" @onclick:stopPropagation=""true"" @attributes=""AdditionalAttributes"">
         <div class=""flex flex-col space-y-2"">
             @if (!string.IsNullOrEmpty(Title))
             {