fix: use correct WordPress Modal component props

Fix modal that was persisting by using correct @wordpress/components
Modal API:
- Use 'open' instead of 'isOpen' prop
- Use 'onRequestClose' instead of 'onClose'
- Add 'isDismissible' to allow closing with ESC/outside click
- Add 'focusOnMount' for accessibility
- Add deprecation warning props for TextControl (__next40pxDefaultSize,
  __nextHasNoMarginBottom)

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

build/admin.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-components', 'wp-element', 'wp-i18n', 'wp-icons/build/arrow-left', 'wp-icons/build/bell', 'wp-icons/build/eye-closed', 'wp-icons/build/eye-opened', 'wp-icons/build/list', 'wp-icons/build/message', 'wp-icons/build/minus', 'wp-icons/build/trash', 'wp-icons/build/visible'), 'version' => 'ffa92e2b75f22808382a');
+<?php return array('dependencies' => array('react', 'wp-components', 'wp-element', 'wp-i18n', 'wp-icons/build/arrow-left', 'wp-icons/build/bell', 'wp-icons/build/eye-closed', 'wp-icons/build/eye-opened', 'wp-icons/build/list', 'wp-icons/build/message', 'wp-icons/build/minus', 'wp-icons/build/trash', 'wp-icons/build/visible'), 'version' => 'b71d9ac468e7d4c01a3d');

src/admin/components/shared/DataTable.js

@@ -535,10 +535,17 @@ export default function DataTable({
             {actions.addNew && (
                 <Modal
                     title={actions.addNew.label || __('Add New', 'formipay')}
-                    isOpen={isAddModalOpen}
+                    open={isAddModalOpen}
-                    onClose={() => setIsAddModalOpen(false)}
+                    onRequestClose={() => {
+                        setIsAddModalOpen(false);
+                        setNewItemTitle('');
+                    }}
+                    isDismissible
+                    focusOnMount="firstContentElement"
                 >
                     <TextControl
+                        __next40pxDefaultSize
+                        __nextHasNoMarginBottom
                         label={__('Title', 'formipay')}
                         value={newItemTitle}
                         onChange={setNewItemTitle}
@@ -547,7 +554,10 @@ export default function DataTable({
                     <div className="formipay-modal-actions">
                         <Button
                             variant="secondary"
-                            onClick={() => setIsAddModalOpen(false)}
+                            onClick={() => {
+                                setIsAddModalOpen(false);
+                                setNewItemTitle('');
+                            }}
                         >
                             {__('Cancel', 'formipay')}
                         </Button>