Chatbot: Expandable source cards

[kaylachumley]

Product ask: "The preview content in message sources is too short to be useful. It would be better if it showed more, and better still if I could control how much it shows. Optional: Adding a modal to view the entire source might be nice."

• Add accordian style expansion variant to the source cards

custom example:

[kaylachumley]

we should consider making a follow up issue to make the source cards and suggested prompts appear more interactive/clickable

[kaylachumley]

New source card proposition:

• counter in the middle. this matches our current PF pagiation styling when in mobile or condensed
• counter uses a "/" instead of "of" to describe position. this is due to a previous react issue that provided details on the / being good for internalization
• arrows on the left and right
• No accordion arrow to indicate expansion, due to redundancy of arrows within the source card. Instead the exansion is presenting by an inline "show more" or "show less" link button.
• Open to changing the minimum body lines shown in the not expanded variant to be 3 or 4 lines

[kaylachumley]

passed off feedback/changes to rebecca on 3/24 - We will need to revisit the clickable/interactive design of the card in Q2 but the base is done for this issue.