GENGARVIS-046: fix social card accordion focus and scroll

[iocfinc]

Summary

• align Social Card controls accordion behavior with Motion/Data Viz single-active-section pattern
• keep only one section expanded at a time and remove collapsed sibling pills while focused
• move long-section overflow handling into the active accordion content so controls remain scrollable

Root Cause

Social Card Toolkit kept all accordion sections rendered as individual pills with fixed-height containers, so long control groups could not use the full controls panel and scrolling behavior diverged from other toolkits.

Validation

• npm run test:ci -- tests/socialCardToolkitPage.test.tsx tests/datavizToolkitPage.test.tsx (pass)
• Chrome DevTools MCP visual capture attempt blocked by locked profile at /Users/iraoliverfernando/.cache/chrome-devtools-mcp/chrome-profile; no screenshot artifact available in this run.

Issue

Closes #46

[github-actions]

PR review automation completed.

• Use agent/skills/analyze_pr.md for the review structure.
• Confirm architecture impact is acceptable.
• Confirm tests cover changed behavior.
• When shared toolkit behavior changes, verify sibling-toolkit consistency was checked or explicitly ruled out.
• Verify CHANGELOG.md is updated when required.
• For frontend-affecting work, confirm screenshot artifacts or an explicit skip reason are included in the PR notes, with Chrome DevTools MCP preferred when configured.
• Confirm the linked issue was updated or a post-ready draft was prepared when live posting was deferred.