[Task]: Anvil Widget Selection Issues

[riodeuno]

SubTasks

Dealbreakers:

• [ ] Fix issue where we can't click on widget name component when hovering over a widget that is not selected.
• [ ] while scrolling widget name shows different states like selected state even if it is not selected. https://www.loom.com/share/44efa67b6c664f5a9584c1638b7af149?sid=8b635fd0-c63a-413d-8eb0-29935f183a66
• [ ] vertical lines appear at inconsistent locations within a zone (with cell overflow, gives inconsistency in experience) cc: @tbrizitsky https://www.loom.com/share/cae8c6dd2e9847dc9f54302fd66a110a?sid=bf44ab1f-694f-4286-9107-7ae25468d607
• [ ] selected and hover states of a widget are easily visible while scrolling through the canvas https://www.loom.com/share/44efa67b6c664f5a9584c1638b7af149?sid=e59d2e7a-338a-4c40-90c6-0be5975de6e9

Others:

• [ ] Widget name component takes a few milliseconds to appear in the right position when scrolling. additional observation
• [ ] modal label is a tad off its margin
• [ ] Add dark mode styles to widget name component.
• [ ] z-index should be higher for hovered elements (original thread)
• [ ] To add a bit of consistency, please, add "grab" pointer to the title part of the name component to highlight that you can drag the handle (original thread) caveat: "clickability" of label will be lost if it's all grab

Done:

• [x] Modal border radius goes away in preview mode.
• [x] When a widget is selected and we hover over it, the border thickness reduces.
• [x] When clicking on the error button, the property control with the error is not focused.

[ramsaptami]

@riodeuno the last issue here is okay experience imo, not necessary to solve since it does not hinder interaction