TASK-48: Adapt App to notches

[osahtout]

Task Description

As a developer, I want the application to take into consideration the notch so that it matches the mockups.

Extra Description

Because many phones include a notch, it forces the application to start below the notch ignoring some CSS. The application should adapt to this drop so that the CSS is not affected.

see:

• https://dev.to/marionauta/avoid-notches-in-your-pwa-with-just-css-al7
• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

Acceptance Criteria

• Surrounding the notch should be white
• CSS should not be moved down if possible
• Documentation present where necessary
• Unit and UI tests are implemented for every component and function
• Must match Mockup