Develop Design System using Storybook for the app

[r0xsh]

Create a comprehensive design system using Storybook and React Native Paper as the base. The design system should cover typography, colors, spacing, icons, buttons, form inputs, navigation components, and more. Establish a unified visual language for the CoopCycle application, ensuring consistency and efficiency.

Tasks:

• Set up Storybook and configure it for React Native and React Native Paper.
• Define modular architecture for organizing and managing design system components.
• Establish typography styles and corresponding components.
• Define a color palette and centralize color definitions.
• Establish spacing units and layout guidelines.
• Integrate an icon library and create wrapper components.
• Design and implement buttons and form inputs.
• Create reusable navigation components using React Native Paper.
• Develop comprehensive documentation and guidelines for the design system.
• Test components and integrate the design system into the CoopCycle application.

To get access to the design system ask to @y-bele

[vladimir-8]

We might consider https://gluestack.io/ too, which is the replacement for native-base that we currently use, hence it will be easier to switch