ReportScore component

[Pentaminum]

Description:

The ReportScore component is a simple reporting box that shows up in the report page. The component should automatically expand to the full width of its wrapping parent component with the fixed height.

Reporting page wireframe:

Figma prototype:

For now, just use the texts and features in the prototype as fixed values.

The component consists of the two features

• ReportScore box with fixed height and the width that fills the parent component's width
• Texts and designs in prototype

Acceptance Criteria:

• The Report Box contatins the texts in the prototype design
• Add the component to src/components/[LOCATION].
• Write a JSDoc comment on the component, illustrating its characteristics.
• Write a test with Jest and RTL to verify its rendering.