fix: resolve typescript and build errors across admin and guest apps

resources/js/admin/mobile/components/Sheet.tsx

@@ -28,7 +28,7 @@ export function MobileSheet({ open, title, onClose, children, footer, bottomOffs
     <Sheet
       modal
       open={open}
-      onOpenChange={(next) => {
+      onOpenChange={(next: boolean) => {
         if (!next) {
           onClose();
         }
@@ -39,26 +39,28 @@ export function MobileSheet({ open, title, onClose, children, footer, bottomOffs
       dismissOnSnapToBottom
       zIndex={100000}
     >
-      <Sheet.Overlay backgroundColor={`${overlay}66`} />
+      <Sheet.Overlay {...({ backgroundColor: `${overlay}66` } as any)} />
       <Sheet.Frame
-        width="100%"
-        maxWidth={520}
-        alignSelf="center"
-        borderTopLeftRadius={24}
-        borderTopRightRadius={24}
-        backgroundColor={surface}
-        padding="$4"
-        paddingBottom="$7"
-        shadowColor={shadow}
-        shadowOpacity={0.12}
-        shadowRadius={18}
-        shadowOffset={{ width: 0, height: -8 }}
+        {...({
+          width: '100%',
+          maxWidth: 520,
+          alignSelf: 'center',
+          borderTopLeftRadius: 24,
+          borderTopRightRadius: 24,
+          backgroundColor: surface,
+          padding: '$4',
+          paddingBottom: '$7',
+          shadowColor: shadow,
+          shadowOpacity: 0.12,
+          shadowRadius: 18,
+          shadowOffset: { width: 0, height: -8 },
+        } as any)}
         style={{ marginBottom: bottomOffset }}
       >
         <Sheet.Handle height={5} width={48} backgroundColor={border} borderRadius={999} marginBottom="$3" />
         <Sheet.ScrollView
           showsVerticalScrollIndicator={false}
-          contentContainerStyle={{ paddingBottom: 6 }}
+          {...({ contentContainerStyle: { paddingBottom: 6 } } as any)}
         >
           <YStack space="$3">
             <XStack alignItems="center" justifyContent="space-between">