Zoom Out Inserter: enable Dynamic Labels

[yogeshbhutkar]

Fixes: #68309

What, Why and How?

This PR enhances the Zoom Out Inserter by introducing dynamic labels and tooltips, leveraging a global state to track the selectedTab.

It resolves a bug where the static text Drop Pattern and the Add Pattern tooltip were displayed universally, regardless of the content type being interacted with. These values are now dynamically updated based on the selected tab, ensuring accurate and context-sensitive feedback.

Testing Instructions

1. Navigate to edit a post or create a new post.
2. Toggle Show Template on.
3. Activate the Zoom Out Toggle.
4. Hover over the + button, and notice the tooltip. Notice, it updates based on the sidebar's Tab.
5. Verify the label being shown is now dynamic and updates based on the Tab selected.

Screencast

Screen.Recording.2024-12-26.at.1.18.12.PM.mov

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: yogeshbhutkar <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.