Refactor: FancyColorPicker

[TobiTRy]

Enhancement: Make FancyColorPicker More Extensible

Objective: Improve the extensibility of the FancyColorPicker components to allow users more flexibility in displaying desired components.

Proposed Solution: Introduce a new component named ColorPicker that acts as a container for the individual elements of the FancyColorPicker. This will enable users to selectively display components according to their needs.

Implementation Example:

<ColorPicker>
    <ColorPicker.FancyColorDisplay {...props}/>
    <ColorPicker.FancyColorArea {...props}/>
    <ColorPicker.FancyHueSlider {...props}/>
    <ColorPicker.FancyOpacitySlider {...props}/>
    <ColorPicker.FancyColorInput {...props}/>
</ColorPicker>

FancyColorPicker Enhancements: Modify FancyColorPicker to accept component props in a structured format, enhancing its configurability.

Example:

<FancyColorPicker colorDisplay={{ display: true, ...allColorDisplayProps }} />

Goal: This enhancement will provide users with the ability to customize their color picker setup more precisely, aligning with specific application requirements.