[BUG]: Parent container is also hovered when hovering over child component

[anandmindfire]

Describe the bug

When hovering over a child component within a container, the parent container also receives the hover effect. This issue causes unintended visual feedback, as the parent container shouldn't be highlighted when interacting with the child component.

Steps to reproduce

Steps to reproduce:

1. Open the page builder and add a parent container to the canvas.
2. Add a child component (e.g., text, image) inside the parent container.
3. Hover over the child component.

Expected behavior

Only the child component should be affected by the hover effect when hovering over it. The parent container should not receive the hover effect unless it is hovered directly.

What is actually happening?

When hovering over the child component, the parent container also receives the hover effect, such as a blue border or name label, which is not intended.

Screenshots

Any additional comments?

This issue can cause confusion for users, as the hover state behavior is inconsistent with how other components behave on the canvas. It may be a CSS or event delegation issue where the hover effect is being applied to both parent and child elements inadvertently.