[Para] Card Component

[tam-janice]

As a para who has been assigned benchmarks from the CM, I want to clearly see each benchmark with Student name, benchmark name and benchmark details so I know for which benchmark I am collecting data for

AC
1.
Given the para is on the Assigned Page
When there is a benchmark assigned
Then each benchmark will be indicated by one card

Given there is a card component visible
Then the card component has the following

• Header
• Eyebow
  -Body (title and content)
  -Button
  

Given there is a card component visible
Then Student Name, Benchmark Name and Benchmark details will be populated from the benchmark created on the goal page

Given there is a card component visible
When the eyebrow content is populated
Then show one of the 3 variations
No defined end
End defined by number of trials
End defined by date
The end of assignment is specified during the “assign staff” flow.

Given there is a card component visible
When the para clicks the 'collect data' button for the first time for this benchmark
Then they will navigate to the Task instructions page

Given there is a card component visible
When the para clicks the 'collect data' button but it's not their first time
Then they will navigate to the collect data start page

Design:
https://www.figma.com/design/m09znscRXNqSziAiEbNLTf/Compass-Designs?node-id=12004-16125&t=WOjkZuRo49DP6jED-1

Link to prototype: https://www.figma.com/proto/m09znscRXNqSziAiEbNLTf/Compass-Designs?page-id=1%3A5&node-id=13224-47290&node-type=frame&viewport=-3871%2C-3537%2C0.23&t=gR0EM39V1idAu5is-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=13224%3A47290&show-proto-sidebar=1

[katconnors]

see bug (#468) might affect part of this ticket