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

[dmnplb]

Warning

At the moment the added screen is completely static, with no logic attached. The functionality has been added in the following PR:

• feat: [IOAPPX-458] Enable the new UI + Add dynamic typeface selection #6590

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 Jira issues:

• IOAPPX-453

[codecov]

Codecov Report

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

Project coverage is 50.05%. Comparing base (34920e9) to head (c8d00d6).
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   50.06%   50.05%   -0.01%     
==========================================
  Files        1556     1557       +1     
  Lines       32397    32405       +8     
  Branches     7339     7336       -3     
==========================================
+ Hits        16219    16220       +1     
- Misses      16126    16134       +8     
+ Partials       52       51       -1     

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 1 file 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 d6fbfb5...c8d00d6. Read the comment docs.