New Case Contact Table: implement expansion functionality

[MikeRose151]

What type(s) of user does this feature affect?

• volunteers

Description

This ticket is a sub-section of a bigger ticket: https://github.com/rubyforgood/casa/issues/6462. Some foundational work for the bigger ticket has been started in this PR: https://github.com/rubyforgood/casa/pull/6467.

As a user, I want to click on the down arrow next to the bell icon (or maybe anywhere on the card) to expand the row in order to see more details. This ticket is to implement that functionality (i.e. expanding/collapsing the row upon clicking it). When expanded, the topic(s) and details about the topic will be in view. For example, "Health/Mental Health" would be a subheading and any text details would be beneath that subheading.

Screenshots of current behavior, if any

The circled parts are examples of what is getting added. Those circled parts will be in view when the user expands the row (and will be out of view when the user collapses the row).

Here is the existing case contacts table (i.e. the old design), which shows what the sort of contents of these notes would include:

How to access the QA site

Login Details:
Link to QA site

Login Emails:

• [email protected] view site as a volunteer
• [email protected] view site as a supervisor
• [email protected] view site as an admin
• [email protected] view site as an all casa admin
  • go to /all_casa_admins/sign_in

password for all users: 12345678

Questions? Join Slack!

We highly recommend that you join us in slack #casa channel to ask questions quickly. And discord for office hours (currently Tuesday 5-7pm Pacific), stakeholder news, and upcoming new issues.

[github-actions[bot]]

This issue has been open without changes for a long time! What's up?