[Enhancement] [Starlight BE NestJS]Fix Modal Dialogs That Don’t Close on Click Outside

[SasaMama01]

Description:
Modal dialogs on the admin dashboard don’t close when clicking outside the modal area, which can confuse users who expect this behavior. The task is to implement functionality that automatically closes the modal when a user clicks outside it.

Purpose:
Enhance user experience by aligning the modal behavior with common UI expectations, reducing confusion and frustration when interacting with modals on the admin dashboard.

Requirements:
Implement event listeners to detect clicks outside the modal and trigger the close function.
Ensure this functionality is applied to all modals on the admin dashboard.
Maintain existing modal behaviors such as closing via buttons or keyboard shortcuts.
Ensure compatibility across various screen sizes and browsers.

Expected Outcome:
All modal dialogs should close when a user clicks outside the modal area, leading to a more intuitive and user-friendly experience.

Acceptance Criteria:
The modals close automatically when clicking outside of the modal content area.
The solution does not interfere with other modal functionalities like closing on button click.
The implementation works consistently across different devices and browsers.