fix: fix ref error in actions menu

susconecta/app/dashboard/pacientes/page.tsx

@@ -382,10 +382,10 @@ export default function PacientesPage() {
                 <TableCell>
                   <DropdownMenu>
                     <DropdownMenuTrigger asChild>
-                      <Button variant="ghost" className="h-8 w-8 p-0">
+                      <button className="h-8 w-8 p-0 flex items-center justify-center rounded-md hover:bg-accent">
                         <span className="sr-only">Abrir menu</span>
                         <MoreHorizontal className="h-4 w-4" />
-                      </Button>
+                      </button>
                     </DropdownMenuTrigger>
                     <DropdownMenuContent align="end">
                       <DropdownMenuItem onClick={() => handleViewDetails(patient.id)}>

susconecta/components/forms/patient-registration-form.tsx

@@ -395,8 +395,8 @@ export function PatientRegistrationForm({
 
       if (inline && onClose) {
         onClose()
-      } else if (onOpenChange) {
+      } else {
-        onOpenChange(false)
+        onOpenChange?.(false)
       }
 
       // Show success message (you might want to use a toast notification)
@@ -412,8 +412,8 @@ export function PatientRegistrationForm({
   const handleCancel = () => {
     if (inline && onClose) {
       onClose()
-    } else if (onOpenChange) {
+    } else {
-      onOpenChange(false)
+      onOpenChange?.(false)
     }
   }
 
@@ -464,10 +464,10 @@ export function PatientRegistrationForm({
                     <div className="space-y-2">
                       <Label htmlFor="photo" className="cursor-pointer">
                         <Button type="button" variant="outline" asChild>
-                          <span>
+                          <label htmlFor="photo" className="cursor-pointer">
                             <Upload className="mr-2 h-4 w-4" />
                             Carregar Foto
-                          </span>
+                          </label>
                         </Button>
                       </Label>
                       <Input id="photo" type="file" accept="image/*" className="hidden" onChange={handlePhotoUpload} />
@@ -1028,7 +1028,7 @@ export function PatientRegistrationForm({
   }
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
+    <Dialog open={open} onOpenChange={onOpenChange ?? (() => { })}>
       <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
@@ -1630,7 +1630,7 @@ export function PatientRegistrationForm({
 
           {/* Botões de Ação */}
           <div className="flex justify-end gap-4 pt-6 border-t">
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isSubmitting}>
+            <Button type="button" variant="outline" onClick={() => onOpenChange?.(false)} disabled={isSubmitting}>
               <XCircle className="mr-2 h-4 w-4" />
               Cancelar
             </Button>