fix: react-doctor modal/dialog/dropzone a11y — 18 files to role+tabIndex+onKeyDown or dialog

src/components/admin/UsersPage.tsx

@@ -429,7 +429,7 @@ export default function UsersPage({ initialUsers, brands, currentUser, onUserCre
                         </button>
                         {actionMenuId === user.id && (
                           <>
-                            <div className="fixed inset-0 z-40" onClick={() => setActionMenuId(null)} />
+                            <button type="button" aria-label="Close menu" className="fixed inset-0 z-40 cursor-default bg-transparent border-0 p-0" onClick={() => setActionMenuId(null)} />
                             <div className="absolute right-0 z-50 mt-1 w-48 rounded-xl bg-white shadow-xl ring-1 ring-stone-200 border border-stone-100 py-1 text-xs overflow-visible">
                               <div className="px-3 py-2 text-[10px] font-semibold uppercase tracking-wider text-stone-400 border-b border-stone-100">
                                 Actions
@@ -508,7 +508,15 @@ export default function UsersPage({ initialUsers, brands, currentUser, onUserCre
 
       {/* Slide-in panel */}
       {panelOpen && (
-        <div className="fixed inset-0 z-50 flex justify-end bg-black/20" onClick={closePanel}>
+        <div
+          role="dialog"
+          aria-modal="true"
+          aria-label={editing.isNew ? "Create user" : "Edit user"}
+          className="fixed inset-0 z-50 flex justify-end bg-black/20"
+          onClick={closePanel}
+          onKeyDown={(e) => { if (e.key === "Escape") closePanel(); }}
+          tabIndex={-1}
+        >
           <div
             className="relative flex h-full w-full max-w-md flex-col overflow-y-auto bg-white shadow-xl ring-1 ring-stone-200"
             onClick={(e) => e.stopPropagation()}