Add keyboard shortcut to toggle annotations visibility

In our flow, we try to use annotations to describe data paths for components and text fields.
In some cases the dev mode UI becomes cluttered.

A keyboard shortcut to toggle annotation visibility would solve this issue and also align the toolbar option with the others around it.

As this is targeted to developers, they find more comfort into using the keyboard more.

Screenshot 2024-07-31 at 15.25.06

Side-note: i think there is a small bug: in a section, with multiple frames that contain annotations, the selected frame will have the annotations visible. But if no frame is selected, one of them will have the annotations visible. I don’t see a clear algorithm regarding the winning frame here.

Hey @Bogriceanu_Sorin, thanks for the feedback!

We’ll pass this onto our Dev Mode team for future consideration.

As for the small bug, in a section with multiple frames with visible annotations, it seems that the most recent added annotation is the visible, while the other annotations will appear as visible on hover.