Feature: Add color picker component for accent color setting

[SpecialAro]

Pre-flight Checklist

1. Please remember that if you are logging a bug for some service that has stopped working or is working incorrectly, please log the bug here
2. If you are requesting support for a new service in Ferdium, please log it here
3. Please remember to read the self-help documentation - in case it helps you unblock yourself for issues related to older versions of recipes that were installed on your machine. (These will get automatically upgraded when you upgrade to the newer versions of Ferdium, but to get new recipes between Ferdium releases, this documentation is quite useful.)
4. Please ensure you've completed all of the following.

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Description of Change

Feature: Add color picker component for accent color setting

Motivation and Context

My OCD lead me to add a color picker that automatically updates the input field of the CSS code so that people can just slide the picker and chose the color, while maintaining the ability of putting a CSS color code. Also, added a "Apply" button for this setting so that the color is updated when clicked.

There is probably some cleaning to do on all the files, but given it is my first time doing something of react specific stuff I'll need some guidance and assistance on that. Please review them and suggest things 🙏

Screenshots

Before	After

Checklist

• My pull request is properly named
• The changes respect the code style of the project (npm run prepare-code)
• npm test passes
• I tested/previewed my changes locally

Release Notes

Feature: Add color picker component for accent color setting