[IOAPPX-453] Add the new static Appearance profile screen

[dmnplb]

Warning

At the moment the added screen is completely static, with no logic attached.

Short description

This PR adds the new Appearance screen in the Preferences page (under Settings)

List of changes proposed in this pull request

• Add the new screen with relative routes
• Add a teaser for the future dark mode release

Preview

Note

The new icons are visible only in the related PR

appearance-screen-last-iteration.mp4

How to test

Go to Settings → Preferences → Appearance

[github-actions]

Jira Pull Request Link

This Pull Request refers to the following Jira issue IOAPPX-453

[codecov]

Codecov Report

Attention: Patch coverage is 12.50000% with 7 lines in your changes missing coverage. Please review.

Project coverage is 49.35%. Comparing base (ea2663f) to head (22113c0).
Report is 1 commits behind head on master.

Files with missing lines	Patch %	Lines
ts/screens/profile/AppearancePreferenceScreen.tsx	16.66%	5 Missing ⚠️
ts/screens/profile/PreferencesScreen.tsx	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #6573      +/-   ##
==========================================
- Coverage   49.36%   49.35%   -0.01%     
==========================================
  Files        1565     1566       +1     
  Lines       32230    32238       +8     
  Branches     7290     7337      +47     
==========================================
+ Hits        15910    15911       +1     
+ Misses      16282    16277       -5     
- Partials       38       50      +12     

Files with missing lines	Coverage Δ
ts/navigation/ProfileNavigator.tsx	66.66% <ø> (ø)
ts/navigation/routes.ts	100.00% <ø> (ø)
ts/screens/profile/PreferencesScreen.tsx	6.45% <0.00%> (-0.45%)	⬇️
ts/screens/profile/AppearancePreferenceScreen.tsx	16.66% <16.66%> (ø)

... and 12 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5333333...22113c0. Read the comment docs.

[dmnplb]

changes proposed by @mariateresaventura

@thisisjp To make it even simpler, I just replaced "the style of the app" with "the app". So in the end it's "Choose how to customise the app". @mariateresaventura Is it still acceptable?

[mariateresaventura]

changes proposed by @mariateresaventura

@thisisjp To make it even simpler, I just replaced "the style of the app" with "the app". So in the end it's "Choose how to customise the app". @mariateresaventura Is it still acceptable?

@dmnplb @thisisjp I suggest to simplify in "Personalizza l'aspetto dell'app"/"Customise how the app looks"