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

リンク先の Figma ファイルを開き、To Do とマークされたレポートページを特定してから、リンク先の Google Drive フォルダにある対応するレポート PDF を開きます。Figma でレポートページを再現し、存在しない場合はページを作成します。指示に従ってソリューションの説明をコピーするか、スクリーンショットを追加します。完了したレポートについて説明する issue コメントを残し、完了としてマークします。

索引モデルが issue の本文から書いたものです。