fix: last expanded program is viewable

[baller7215]

Description

Before, expanding the last Program row could leave most of the expanded section hidden below the visible area because the viewport stayed in place.
Now, when a row is expanded near the bottom of the table, the dashboard automatically scrolls to keep the full expanded content visible.

Screenshots/Media

Before:
https://github.com/user-attachments/assets/5382a24d-b46a-4fec-afaf-4e285a640566

After:
https://github.com/user-attachments/assets/00ec6b24-34ae-46d0-8eb5-aee2078d7fa9

Issues

Closes #191

---

Summary by cubic

Fixes hidden content when expanding the last Program row by auto-scrolling to keep the expanded section in view. Also resolves a missing cubic dependency.

• Bug Fixes
  • Auto-scrolls nearest scrollable container (or window) to reveal expanded content, with a 24px bottom gap and a 240ms post-expand delay.
  • Adds missing cubic dependency to prevent build/runtime errors.

^{Written for commit e97954e. Summary will update on new commits.}

[cubic-dev-ai]

All reported issues were addressed across 1 file

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>

[xgraceyan]

Thanks for the PR! 1 short non-blocking comment

[xgraceyan]

I think this 240ms window could be flaky even if the collapse does finish under that time frame. This is technically fine, but could you please look into onAnimationComplete in Chakra and see if it's a better option?

<Collapse
  in={isOpen}
  onAnimationComplete={() => {
    if (isOpen) {
      ensureExpandedContentVisible();
    }
  }}
>