feature: Group typographies in bottom bar

Is your feature request related to a problem? Please describe.

Grouping typographies and colors in the assets panel is really handy for differentiating between modes/themes. However, there is no grouping in the quick access bar at the bottom, causing that elements with the same name are indistinguishable. It happens to both, typographies and colors, but it's more frustrating with typographies, as it is less common to have two different colors with the same name.

Describe the solution you'd like.

I can think of two ways to solve this:

Just include the group name before the asset name in the bottom bar elements. This might not work for long group names that cuts off the asset name.
Add the assets in the bottom bar to an extra container indicating the group, or a visual separation including the name of the group of the assets.

Describe alternatives you've considered.

No response

Additional context

In this screenshot you can see how the groups are really helpful in the left assets panel, but in the bottom bar is impossible to differentiate between assets with the same name: font_issues

penpot / penpot