fix: components and showcase for dark mode

[florentlotthepro]

Changes description

After checking the showcase, I've seen that there is some issues with dark mode. Some issues are in on the showcase and others in the components.

🧩 Components

💬 TextStyle

• Use dark mode compatible color for default text color (it's the same color but dark mode compatible).

🕹 Button

• Fix background color update when switching from light to dark (or inversely).

📲 In showcase

🎨 Colors

• Fix autolayout issues.

🖼 Icons

• Use dark mode compatible colors.

🕹 Button

• Fix autolayout issues.
• Set a global switch for state enable/disable (to give more space to buttons).
• Use dark mode compatible colors.

🎚 Switch

• Fix autolayout issues.

Context

This change is required to do a better showcase and fix some issues with components.

Checklist

• [x] Make sure you are requesting to pull a topic/feature/bugfix branch. Please, don't request your main!
• [x] Check commits & PR names matches our requested structure. It must follow the https://www.conventionalcommits.org pattern.
• [x] Check your code additions will fail neither code linting checks.
• [x] I have reviewed the submitted code.
• [x] I have tested on an iPhone device/simulator.
• [x] I have tested on an iPad device/simulator.

Does this introduce a breaking change?

• No, but it could be an issue if you use the default TextStyle font color in dark mode. It'll be white instead of black. To fix it just set the white color in color argument.

Screenshots

iPhone

Before	After

[CLAassistant]

All committers have signed the CLA.

[sonarcloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[lauthieb]

@daniel-dumortier @florentlotthepro @baptistedajon I think we can merge it now? :)