Improve on-page non-WYSIWYG components/sections editing UX: Auto-highlight affected sections when hovering interactive buttons (such as the section edit button, permalink, plugin editing button) and provide clearer edit button tooltips

Pages like Marketing department portal or EvoluData website revamp - draft contents - solutions index page and various dashboard pages have a LOT of interactive buttons throughout the page contents, and it gets messy especially with all the plugin editing buttons. Sometimes I click on an edit button thinking it would edit a particular section but nope, it starts editing a totally different section. And generally, visually, it can be quite confusing (see attached screenshots for some funny examples).

There are three things to fix here:

1. The "Edit Section" buttons' "title=" HTML attribute that shows the "Edit Section" tooltip should be more specific, and mention the name of the section, like "Edit Section: $section_name_if_available_and_shortened_if_needed". Especially when it's off-screen. And/or possibly maybe it's supposed to use Tiki's popover tooltip widget instead of the HTML native "title" attribute tooltip thing?
2. There should be a highlight / visual indication of what is affected. A primitive way could be simply to have a 1px solid (or dashed, or dotted) line (using the theme's primary color) appear around the affected section/plugin/area on mouseover (when hovering the button). Ideally, this should be in combination with also temporarily fading out the rest of the page (i.e. opacity 50%) while hovering, so that the affected section really stands out.
3. For cleanliness and for additional clarity of functionality as well, it could be desirable for those interactive in-page editing buttons (edit plugin, edit section, etc.) to be 50% opacity by default, and when the mouse is over a related section/component (or over the button itself) it becomes 100% opaque. That way, as the mouse cursor moves across the page, the various contextual related widgets would "advertise themselves" dynamically, which further reinforces their contextuality without eliminating their global discoverability. I suspect this is pretty much https://avan.tech/item11320-Plugin-edit-helper-icon-to-appear-on-mouse-over-of-the-plugin-content

That way the user will be sure what they're really going to be interacting with.

1. Messy In Page Section Components Editing Buttons 1 Annotated
2. Messy In Page Section Components Editing Buttons 2 Annotated