Description

Currently, pressing the ESC key closes the some modal of the WebUI, which is convenient but can be problematic when filling out a form. Users may accidentally close the modal while entering data. To address this issue, we propose the following improvements for modals containing forms:

1. When a modal with a form is opened, the first form item should automatically receive focus.
2. If the focused form item is active, pressing ESC should blur the focus instead of closing the modal.
3. The modal should only close when ESC is pressed and no form item is focused.

Affected Version

This change should be applied to BAIModal in the Backend.AI WebUI.

Steps to Reproduce

1. Open a modal containing a form in the WebUI.
2. Start filling out the form.
3. Press ESC and observe that the modal closes, potentially losing unsaved data.

Expected Behavior

• The first form item should be focused when the modal opens.
• Pressing ESC should blur the focus if a form item is focused.
• The modal should only close when no form item is focused.

Additional Context

This improvement aims to enhance user experience by preventing accidental closure of modals with forms.