Optimize Display of Super Font Families (Noto, Playwrite, etc) in Font Selection List

First off all, no offense to the designers of these super font families, your work is good indeed, but -

**Describe the issue**
While browsing, certain super font families, such as Noto or Playwright, which include over 100 variations, appear multiple times in the list, occupying most of the visible items. This can make navigating and selecting fonts frustrating, especially when I am sure that Noto or Playwright is not the font I need. I might even overlook some font families as I scroll past these super families in the list.

**To Reproduce**
Screen Recording is attached below

**Expected behavior**
Super font families could be displayed more concisely. For instance:

- Instead of listing all 102 subfamilies of Playwright, display only the main family (e.g., “Playwright”).
- Subfamilies could be presented as additional metadata (e.g., chips, dropdowns, or expandable sections), enabling easier browsing without overwhelming the interface.

**Screen Recording**

https://github.com/user-attachments/assets/6ad85433-d166-4fee-b7af-7e2fa49b59ed