Template starter design issues

[pauliusguzas]

Describe the bug Android (OnePlus6, Android 11)

• [ ] Safe area should use app color

• [ ] Chromecast icon in dark mode is barely visible

• [ ] In dark mode back arrow on My Page is barely visible

• [ ] Chromecast button on Android device is too close to the right edge

• [ ] In dark mode on iOS and Android tablets white line is visible when menu is open

• [ ] Chromecast button isn't visible when light theme is used

iOS (Iphone 8, 15.2)

• [ ] In dark mode on iOS and Android tablets white line is visible when menu is open
• [ ] Chromecast icon does not appear and chormecast does not work (update 0.36.1-canary.2 - chromecast icon in app appears but chromecast can't be found even though local network access has been granted)(0.36.2-canary.4 update - cast icon on mobile device does not appear again)

Web issues on mobile size (Samsung Galaxy S8+)

• [ ] All content is on the top left side and dark mode also is only for that part
• [ ] My Modal in the header does not fit
• [ ] When My Modal is opened, text on header is still visible from main screen, My Modal does not cover all screen basically

Web issues on any screen size

• [ ] Dark mode is not full screen on "My Modal" page

tvOS, AndroidTV, fireTV issues

• [ ] Top and botton is cropped

Desktop (please complete the following information):

• OS: macOS Monterey 12.4
• Node Version: 16.14.0
• RNV Version: 0.36.0-canary.14
• @rnv/template-starter: 0.36.0-canary.14