enhancement: Implement NativeColorPicker Component for web

[Edithmark42]

Description:

Currently, our project lacks a ColorPicker component, which is essential for allowing users to select colors in various parts of the application. A ColorPicker component would enhance user experience and enable them to customize colors according to their preferences.

Expected Behavior:

When implemented, the ColorPicker component should provide users with an intuitive interface for selecting colors. It should allow users to choose colors from a spectrum and provide the selected color in various formats such as hexadecimal, RGB, and HSL.

Proposed Features:

• Display a color spectrum for users to visually select colors.
• Support for inputting colors via hexadecimal, RGB, and HSL formats.
• Ability to set initial color and receive updates on color selection.
• Option for users to save favorite or frequently used colors.
• Accessibility features to ensure the ColorPicker is usable for all users.

Additional Notes:

It would be beneficial to consider integrating a widely used library like Material-UI's ColorPicker or similar solutions to maintain consistency and leverage existing best practices. The implementation should also be customizable to fit the overall design and theme of our application.