feat(scene composer): Added color picker to rules

[divya-sea]

• This changes contain rules updated with color picker,
• removed unwanted hooks from color picker. It does not depend on external variables or props. So adding useCallback does not add value.
• sufficient unit tests
• https://testrail.twinmaker.iot.aws.dev/index.php?/auth/login/L2Rhc2hib2FyZC1hZDcwMmI4MTlkYmVjOGU3ZDcyYWIwZjI3MjA2YmZkY2FhYWFjZjYxMjFiZDYxYTZlYWY4N2ViNDVmZjViNTRk

Overview

Provide an explanation of what the change is

Verifying Changes

• Verified color picker renders upon selecting the custom style.
• Verified color picker display basic colors and + buttons
• Verified Clicking on + opens up chrome picker
• Verified selecting a color from chrome picker
• Verified selecting a color from basic colors
• Verified color code saves with rule target
• Verified no regressions.

Scene Composer

For scene-composer package changes specifically, you can preview the component in the published storybook artifact. To do this, wait for the Publish Storybook action to complete below.

• Click on the workflow details
• Select the Summary item on the left
• Download the zip file

To run the storybook build locally, you need a local static web server:

npm install -g httpserver
cd <Extracted Zip Directory>
httpserver

Then open the website http://localhost:8080 to run the doc site.

Legal

This project is available under the Apache 2.0 License.