Improve Modal Layout: Group Shortcuts and Buttons with Responsive Scrolling. Solves #10591

[Deeptanshu-sankhwar]

Solves #10591

1. Changes in uiConfirm:
   Added a content-wrapper div to group the message-text and buttons sections under a single parent. This improves layout structure and enables scoped scrolling behavior.

2. Changes in uiShortcuts:

Introduced a content-wrapper div to group the shortcuts list and buttons sections. This ensures consistent scrolling behavior and dynamic layout within the modal.

3. CSS Updates:

Applied scrolling behavior (overflow-y: auto) to the content-wrapper for both modals.
Added max-height: calc(90vh - 100px) to dynamically allocate space for the header and footer, ensuring responsiveness across various screen sizes.

4. Improved Structure and Responsiveness:

Scoped scrolling within the content-wrapper while keeping the header and footer static.
Ensured better organization and a clean layout to support future extensions.