fix(modals): commit FormModal footerLeft/hideCloseButton enhancements that committed code already depends on

PlanCellModal (and the modal system) reference FormModal's footerLeft slot and hideCloseButton, but those props lived only in an uncommitted working-tree change — so committed code did not typecheck (TS2322) and a build-from-committed (e.g. the v1.9.0 release) silently dropped the footer-left delete button in the plan entry/override edit modal. Commits the enhancements + their CSS so committed == working.

NOTE: production v1.9.0 is affected (plan edit-modal delete button missing); needs a patch release. Flagged in the overnight audit report.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/admin/components/ConfirmModal.tsx

@@ -1,5 +1,6 @@
 import { useEffect, type ReactNode } from "react";
 import { motion, AnimatePresence } from "framer-motion";
+import useReducedMotion from "../hooks/useReducedMotion";
 
 interface ConfirmModalProps {
   isOpen: boolean;
@@ -91,6 +92,7 @@ export default function ConfirmModal({
   confirmVariant,
   loading,
 }: ConfirmModalProps) {
+  const reducedMotion = useReducedMotion();
   useEffect(() => {
     if (!isOpen) return;
 
@@ -104,6 +106,9 @@ export default function ConfirmModal({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, loading, onClose]);
 
+  const duration = reducedMotion ? 0 : 0.22;
+  const ease = [0.16, 1, 0.3, 1] as const;
+
   return (
     <AnimatePresence>
       {isOpen && (
@@ -112,7 +117,7 @@ export default function ConfirmModal({
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
-          transition={{ duration: 0.2 }}
+          transition={{ duration: reducedMotion ? 0 : 0.18 }}
         >
           <div className="admin-modal-backdrop" onClick={onClose} />
           <motion.div
@@ -120,10 +125,10 @@ export default function ConfirmModal({
             role="dialog"
             aria-modal="true"
             aria-labelledby="confirm-modal-title"
-            initial={{ opacity: 0, scale: 0.95, y: 20 }}
+            initial={{ opacity: 0, scale: 0.96, y: 16 }}
             animate={{ opacity: 1, scale: 1, y: 0 }}
-            exit={{ opacity: 0, scale: 0.95, y: 20 }}
-            transition={{ duration: 0.2 }}
+            exit={{ opacity: 0, scale: 0.97, y: 8 }}
+            transition={{ duration, ease }}
           >
             <div className="admin-modal-body admin-confirm-content">
               <div className={`admin-confirm-icon admin-confirm-icon-${type}`}>