Fix rendering of snippet data when records can't be retrieved

[kamerynB]

Problem Description: Rendering of results snippet data is skewed in PRD when one of the API requests for data points returns an error. The label will not align with its data point.

Expected Behavior/Solution: The data point and its label should always align.

Requirements:

• [ ] Wrap each row in a react bootstrap Row and Col component to ensure alignment
  • [ ] This change will be added to all snippets

For Kam's reference:

Needed for promotion: If an item on the list is not needed, it should be crossed off but not removed.

• [x] Wireframe/Mockup - Kam
• [x] ~Committee discussions - Sarah~
• [x] ~Feasibility/Team discussion - Sarah~
• [x] ~Backend requirements - TBD~
• [x] Frontend requirements - Kam
• [ ] Are new regression tests required for QA - Amy
• [x] ~Questions~

UAT/LUX Examples:

• See the Darmon, Paule result in the results found here
• TST: https://lux-front-tst.collections.yale.edu/view/results/people?q=%7B%22AND%22%3A%5B%7B%22startAt%22%3A%7B%22partOf%22%3A%7B%22name%22%3A%22morocco%22%7D%7D%7D%2C%7B%22nationality%22%3A%7B%22name%22%3A%22french%22%7D%7D%5D%7D

Dependencies/Blocks: N/A

Related Github Issues: N/A

Related links:

• Bugherd: https://www.bugherd.com/projects/284041/tasks/2597

Wireframe/Mockup: Current:

Expected:

[roamye]

Approved by UAT