Fix skills grid cropping when filtered list has 5–8 items

[Copilot]

maxHeight is unconditionally applied to the skills grid when collapsed, but the "Show More" button and fade gradient only render when filteredSkills.length > MAX_VISIBLE_COLLAPSED (8). Result: 5–8 skills get clipped with no way to expand.

• Skip maxHeight when all items fit within the collapsed row limit

- maxHeight: isExpanded ? 'none' : 'calc((180px + var(--space-lg)) * 2)',
+ maxHeight: isExpanded || filteredSkills.length <= MAX_VISIBLE_COLLAPSED ? 'none' : 'calc((180px + var(--space-lg)) * 2)',

Before

Cards cropped with no Show More button (e.g. Communication category, 5 skills):

After

All cards fully visible when ≤ 8 skills shown; Show More still works for 9+:

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/skills/skills/docs-site/node_modules/.bin/astro build (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/skills/skills/docs-site/node_modules/.bin/astro preview --port 4321 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.