Truncate list of badges in About Sections

[schogges]

Description

Follow up to #3300

Next to the adoption of the AppAboutSection component, we started to use badges for the information displayed in the About Section card. Some of them show list of badges. In order to improve the layout and reduce the noise in these cards we should consider to truncate these lists.

Some of the lists use the TagList component that can be optionally truncated. The default is currently set to false. We should consider to set default to true.
In other cases we create these lists inline and use XBadge or other components (e.g. KumaPort) directly. We should consider to align this (if possible) and maybe always use TagList.

Context/Examples

No Truncation

Truncation

[johncowen]

There's possibly some decision written somewhere on this that we said we would always use expanded (non-truncated) badges in summaries and details pages. i.e. we would only use truncations in lists.

Thinking being: You've already clicked to see the detail, so show me all the detail, don't make me click more things again to see the detail I want to see.

Let me see if I can find anything in a previous PR, but we can also chat more if opinions have changed.

[johncowen]

Ah I forgot that I think we spoke about this before the break, ignore my previous comment!

[schogges]

xref to #3333 to basically consider using XLayout with truncate for this

[lobkovilya]

Triage: let's check what Konnect is doing