Fix: Ensure consistency in editor tools for navigation buttons and delete options

[sarthaknagoshe2002]

Fixes: #63991

What?

This PR addresses inconsistencies in the editor tools UI, focusing on:

Navigation Button Design: Ensures consistent use of chevrons for menu items like Shadows and Typography/Font Sizes, which navigate to edit screens.
Delete All Options: Adds or aligns "Delete All" functionality for custom settings like Shadows, Custom Font Sizes, and Colors.

Why?

Inconsistent UI elements create confusion for users and hinder the overall experience. Aligning the design and functionality of editor tools improves usability, accessibility, and coherence across the interface.

How?

Updated navigation button components to uniformly display chevrons for items that navigate to sub-settings (e.g., Shadows, Typography/Font Sizes).
Implemented consistent "Delete All" options for applicable settings, ensuring uniform behavior across Shadows, Custom Font Sizes, and Colors.
Adjusted CSS and component logic for styling and interactions to reflect these changes.

Testing Instructions

1. Navigation Buttons

   • Check that Shadows and Typography/Font Sizes now show chevrons consistently.

2. Delete All Options

   • Verify the "Delete All" option exists and works for Shadows, Custom Font Sizes, and Colors.

Screenshots or screencast

editor-shadow.options.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: sarthaknagoshe2002 <[email protected]>
Co-authored-by: mikachan <[email protected]>
Co-authored-by: madhusudhand <[email protected]>

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

[sarthaknagoshe2002]

@mikachan Could you kindly review this PR?

[mikachan]

Nice work! I can see the shadow options are now more in line with the typography options, with the additional options menu and the confirm modal.

trunk	Typography	This PR

I've left a couple of inline comments. I think we should resolve the conflicts with trunk and then I'll give this another review 🙌

[sarthaknagoshe2002]

@mikachan I’ve resolved the merge conflicts and addressed the feedback.

I also noticed that a tsconfig.json file added yesterday to the latest trunk has some linting issues, which were automatically rectified by the pre-commit git hooks. Unfortunately, I’m unable to undo those changes, as the linting check requires proper formatting before committing.

Could you please share any insights or suggestions on how to handle this?

[sarthaknagoshe2002]

@mikachan I’ve resolved the merge conflicts and addressed the feedback.

I also noticed that a tsconfig.json file added yesterday to the latest trunk has some linting issues, which were automatically rectified by the pre-commit git hooks. Unfortunately, I’m unable to undo those changes, as the linting check requires proper formatting before committing.

Could you please share any insights or suggestions on how to handle this?

This is now resolved.

[mikachan]

Thanks for your work here, @sarthaknagoshe2002! I think this is ready to merge when the tests pass 🎉