Modal - create variation using `dialog` element

Is this a new component or an extension of an existing one?
The Modal creates a ModalBox, which will have a variation in Core built using the <dialog> element.

Describe the feature
<dialog> provides functionality built into browsers that handles placing the modal on the top layer, handling keyboard focus, and providing a ::backdrop pseudoelement. Users should be able to opt in to this variant, which then probably does not need the separate Backdrop component, may not need to be placed in the DOM where it is now, and focus will be handled by the browser. A11y should be reviewed given that the dialog implicitly provides appropriate aria labeling.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

This issue is dependent on completion in core in https://github.com/patternfly/patternfly/issues/7296

Bắt đầu bằng việc xem xét hành vi hiện có của React Modal và ModalBox, sau đó đọc core issue 7296 được liên kết và tài liệu dialog của MDN. Kiểm tra cách component Backdrop và việc xử lý focus hiện đang được sử dụng. Công việc được xem là hoàn tất khi một biến thể dựa trên dialog theo cơ chế opt-in hoạt động với hành vi accessibility phù hợp, đồng thời tương tác của nó với Backdrop và vị trí trong DOM đã được giải quyết.