[#189] Fix some design issues and mutualize some UI elements in demo app

[ludovic35]

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

#189

Description

Motivation & Context

Types of change

• Bug fix (non-breaking which fixes an issue)

Previews

Checklist

Contribution

• I have read the contributing guidelines

Accessibility

• My change follows accessibility good practices

Design

• My change respects the design guidelines of Orange Unified Design System

Development

• My change follows the developer guide
• (NA) I have added unit tests to cover my changes (optional)

Documentation

• (NA) My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

• The evolution have been tested and the project builds for iPhones and iPads
• Code review has been done by reviewers according to CODEOWNERS file
• (NA) Design review has been done
• (NA) Accessibiltiy review has been done
• (NA) Q/A team has tested the evolution
• Documentation has been updated if relevant
• Internal files have been updated if relevant (like CONTRIBUTING, DEVELOP, THIRD_PARTY, CONTRIBUTORS, NOTICE)
• CHANGELOG has been updated respecting keep a changelog rules and reference the issues

[ludovic35]

@pylapp Commit message should be like:

refactor: Fix some design issues and mutualize some UI elements in demo app (#189)

[pylapp]

@ludovic35 Je sais comment faire des messages de commits ; je me permet juste de préciser lesquels pourraient être utilisés :-)

D'ailleurs concernant ta proposition, il ne faut pas que le message commence par une majuscule, et idéalement si on pouvait référencer le numéro de la PR ce serait parfait.

On aurait donc :

refactor: fix some design issues and mutualize some UI elements in demo app (#189) (#194)

[pylapp]

Une faute de frappe à corriger ;)

[pylapp]

LGTM