[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.

Öffne die verlinkte Figma-Datei und identifiziere eine als To Do markierte Berichtsseite. Öffne anschließend das entsprechende Berichts-PDF aus dem verlinkten Google-Drive-Ordner. Reproduziere die Berichtsseite in Figma und erstelle eine Seite, falls keine vorhanden ist; kopiere die Lösungsbeschreibung oder füge wie angewiesen einen Screenshot hinzu. Hinterlasse einen Issue-Kommentar, der den abgeschlossenen Bericht beschreibt, und markiere ihn als erledigt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.