[UI] Screen recovery - design reproducing

We have lost some old designs from our reports and as we are digitising our reports currently, we want to also use the screens to illustrate our solutions. The reports feature one screen of each solution, we need to reproduce these screens in figma.

Step 1: Open the [Figma File that contains pages for reports that needs reproducing](https://www.figma.com/file/hnXHQmUZhMAQYIrs3Fo3fS/Report-screens---All-years?type=design&node-id=1%3A18035&mode=design&t=dhhtj5PnNpI5fV14-1). These are marked as To Do. The finished ones have no marking next to their titles
Step 2: Choose the report you want to work on an open the PDF. The reports are [available here](https://drive.google.com/drive/folders/1knQf3SIkn5DpyEjsq1BbrBrhYQDSsuRI?usp=sharing)
Step 3: Copy the solution description from the report, or place a screenshot of the report page in the corresponding Figma page. If there is no corresponding Figma page, then create one.
Step 4: Reproduce the page in Figma (we welcome enhancements to the design also <3)
Step 5: Leave a comment here in this issue and tell us what you worked on and when you are done.

Ouvrez le fichier Figma lié et identifiez une page de rapport marquée To Do, puis ouvrez le PDF du rapport correspondant depuis le dossier Google Drive lié. Reproduisez la page du rapport dans Figma, en créant une page si aucune n’existe ; copiez la description de la solution ou ajoutez une capture d’écran comme indiqué. Laissez un commentaire dans l’issue décrivant le rapport terminé et marquez-la comme terminée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.