Refactor/chart config custom color palettes

[noahonyejese]

This PR:

• This PR is meant to fully cover the refactoring of the chart config for issue Implement: Improve Color Palette #1868
• This PR will also include migrations moving foward
• This PR Adds. the Custom Color Picker

How to test

1. Go to this Link
2. Choose a Chart (ideally Einmalvergütung für Photovoltaikanlagen)
3. Select Vertical Axis Y
4. See new possibility to change color ✅
5. Click on color palette icon, change the color w/ the new color picker (Input Field is still a bit weird - will be solved asap) ✅
6. Add a Segmentation, see how here you can select different colors using the new color picker ✅
7. Choose a Combo Chart Type (Dual Axis Line or Column-Line )
8. Select Vertical Axis Y
9. See how you can use custom color picker here as well ✅

---

@bprusinowski let me know if this is going in the right direction, note it's still heavily under construction

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
visualization-tool	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 11, 2024 3:41pm

[bprusinowski]

Thanks @noahonyejese, it goes in the right direction, good work 👏 👨‍🎨

I added some comments, but I might also lack some context and missed some things – I know it's still a WIP, but thought it's better to raise them earlier than later 👍

[bprusinowski]

Thanks @noahonyejese for tackling the feedback 🙇‍♂️

I think it would be good to make the deployment work, so the feature could be tested + add some unit tests 👍

I'd also check if "dimension" segment color type still works (you can use Forest fire danger dataset from PROD that has colors attached to dimension values), see https://visualize.admin.ch/en/create/new?cube=https://environment.ld.admin.ch/foen/gefahren-waldbrand-warnung/1&dataSource=Prod 🔥