fix: truncate overflowing dashboard catalog and attention titles (#2986)

Dashboard list rows and Needs-attention cards rendered the full title with no truncation, overflowing the row.

- Catalog list row: .skill-list-item-main (flex) lacked min-width: 0, so the nowrap title's min-content floored the body's auto grid track and the ellipsis never fired; flex-wrap: wrap also dropped the version/visibility icon to a second line. Added min-width: 0 + flex-wrap: nowrap so the title truncates in place.
- Needs-attention card: .skill-list-item-main (grid) had the same issue plus an implicit auto column that never shrinks and justify-items: start sizing the title to its content. Added grid-template-columns: minmax(0, 1fr) + min-width: 0 so the column shrinks, and justify-self: stretch on the title so the ellipsis fires.

Scoped to dashboard rows; browse pages are untouched.

Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: Patrick Erichsen <patrick.a.erichsen@gmail.com>

src/styles.css

@@ -32620,6 +32620,7 @@ a[class*="rounded-full"] {
   display: grid;
   width: 100%;
   min-width: 0;
+  grid-template-columns: minmax(0, 1fr);
   justify-items: start;
   gap: 7px;
 }
@@ -32628,6 +32629,7 @@ a[class*="rounded-full"] {
   display: block;
   width: 100%;
   max-width: 100%;
+  justify-self: stretch;
 }
 
 .dashboard-final .dashboard-attention-visibility {