feat(docs): enhance CollectionCard with descriptions and progressive disclosure (#1422)

[PratikWayase]

Pull Request

Description

This PR enhances the CollectionCard component by introducing richer descriptions and a progressive disclosure pattern.

Key improvements:

• Added extended descriptions to provide deeper context for each collection
• Implemented progressive disclosure to improve readability and reduce UI clutter
• Updated component structure and types to support expandable content
• Improved overall documentation clarity and user experience

These changes make the collections section more informative while keeping the UI clean and scalable.

Related Issue(s)

Closes #1422

Type of Change

Code & Documentation:

• Bug fix (non-breaking change fixing an issue)
• New feature (non-breaking change adding functionality)
• Breaking change (fix or feature causing existing functionality to change)
• Documentation update

Infrastructure & Configuration:

• GitHub Actions workflow
• Linting configuration (markdown, PowerShell, etc.)
• Security configuration
• DevContainer configuration
• Dependency update

AI Artifacts:

• Reviewed contribution with prompt-builder agent and addressed all feedback
• Copilot instructions (.github/instructions/*.instructions.md)
• Copilot prompt (.github/prompts/*.prompt.md)
• Copilot agent (.github/agents/*.agent.md)
• Copilot skill (.github/skills/*/SKILL.md)

Other:

• Script/automation (.ps1, .sh, .py)
• Other (please describe):

Testing

• Verified UI behavior for expandable collection descriptions
• Ensured no regressions in existing CollectionCard rendering
• Ran local build and confirmed layout consistency

Checklist

Required Checks

• Documentation is updated (if applicable)
• Files follow existing naming conventions
• Changes are backwards compatible (if applicable)
• Tests added for new functionality (if applicable)

Required Automated Checks

• Markdown linting: npm run lint:md
• Spell checking: npm run spell-check
• Frontmatter validation: npm run lint:frontmatter
• Skill structure validation: npm run validate:skills
• Link validation: npm run lint:md-links
• PowerShell analysis: npm run lint:ps
• Plugin freshness: npm run plugin:generate
• Docusaurus tests: npm run docs:test

Security Considerations

• This PR does not contain any sensitive or NDA information
• No new dependencies introduced

Before

After

[bindsi]

Automated review (bindsi batch). Well-implemented progressive disclosure enhancement for CollectionCard: adds extendedDescription prop, toggle button with proper aria-expanded/aria-controls, keyboard interaction, and axe accessibility testing for both states. Tests are thorough (collapsed default, toggle behavior, Enter key, a11y for both states). CSS changes are clean. No functional issues. LGTM.

[codecov-commenter]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 80.55%. Comparing base (011e69a) to head (a8d7ae6).
⚠️ Report is 152 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1860      +/-   ##
==========================================
- Coverage   80.56%   80.55%   -0.01%     
==========================================
  Files         112      112              
  Lines       18686    18686              
==========================================
- Hits        15054    15053       -1     
- Misses       3632     3633       +1     

Flag	Coverage Δ
pester	84.02% <ø> (-0.02%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.
see 1 file with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[jkim323]

Please ensure you take a look at the branch conflict and the failed check @PratikWayase. Thank you!!