#59094: Sort font library modal tabs alphabetically

[dhananjaykuber]

Fixes #59094

What?

Add alphabetical sorting to Font Library modal tabs to provide a consistent and predictable tab order.

Why?

When multiple font collections are added to the site, the Font Library modal tabs need a defined ordering system. Alphabetical sorting provides a logical, user-friendly organization that makes it easier to locate specific font collections.

How?

Implemented alphabetical sorting of tabs using JavaScript's sort method with localeCompare for proper string comparison. The tabs array is sorted before rendering while maintaining the connection between tab headers and their corresponding content panels.

const sortedTabs = [ ...tabs ].sort( ( a, b ) => 
    a.title.localeCompare( b.title ) 
);

Testing Instructions

1. Open the Site Editor
2. Go to Styles panel
3. Click on Manage Fonts icon
4. Check the Font Library Modal

Screenshots or screencast

[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: dhananjaykuber <[email protected]>
Co-authored-by: matiasbenedetto <[email protected]>

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