fix(CollapsibleCard): fix not controllable issue

Purpose 🚀

fix CollapsibleCard not controllable issue https://aclgrc.atlassian.net/browse/UXD-2135

Notes ✏️

I know this is not a proper fix 😬
Basically the CollapsibleCard will expand/collapse every time when users click on the card header, even the prop isCollapsed doesn't change A proper fix might be always respecting the value of isCollapsed prop, if it's not null we just don't use the internal state. However that would be a major bump, it might break somewhere in our platform if the consumer uses isCollapsed

So I added some comments and example to demonstrate how to skip the internal state update. I've also checked with our designer, this use case won't be common anyway, we should always let the user expand/collapse the card. We can convert this PR to an issue if we don't want to fix.

Can be tested in the Controlled example here http://storybooks.highbond-s3.com/paprika/UXD-2133-fix-collapsible-card-not-controllable/?path=/story/navigation-collapsiblecard--controlled-and-uncontrolled

Updates 📦

If you have changed a component's source code (not stories, specs, or docs), before merging your branch run yarn changeset. This will prompt you to:

indicate if changes were patch/minor/major for each modified package
enter a release message

Storybook 📕

http://storybooks.highbond-s3.com/paprika/UXD-2133-fix-collapsible-card-not-controllable

Screenshots 📸

optional but highly recommended

References 🔗

relevant Jira ticket / GitHub issues

acl-services / paprika