[sparkle] - refactor: use composability for SheetClose with Button

 - Wrap Button components in SheetClose with `asChild` prop to leverage composability
 - Ensure SheetClose component can act as a parent without affecting button functionality

sparkle/src/components/Sheet.tsx

@@ -132,15 +132,15 @@ const SheetFooter = ({
       (leftButtonProps.disabled ? (
         <Button {...leftButtonProps} />
       ) : (
-        <SheetClose className={sheetCloseClassName}>
+        <SheetClose className={sheetCloseClassName} asChild>
           <Button {...leftButtonProps} />
         </SheetClose>
       ))}
     {rightButtonProps &&
       (rightButtonProps.disabled ? (
         <Button {...rightButtonProps} />
       ) : (
-        <SheetClose className={sheetCloseClassName}>
+        <SheetClose className={sheetCloseClassName} asChild>
           <Button {...rightButtonProps} />
         </SheetClose>
       ))}