Add grid-template-areas and grid-area support to containers

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Currently in the new grid container, if you add grid-template-areas and assign a child container a grid-area (via custom css), the child container displays in completely the wrong location. This is a key feature of CSS grid layouts, but doesn't work at present.

Describe the solution you'd like

Add support for grid-template-areas and grid-area. If options can be built in, rather than adding custom css in the advanced section, even better.

Describe alternatives you've considered

_No response_

Additional context

_No response_