implement additional scale options

[uvera]

Designed like here #924

This code isn't really ideal since I had to sync both slider and dropdown (and I'm still learning Rust 😄 ).

Also no gif/video since my OBS is acting up weird 🤷

[mmstick]

Figma designs show only 5 breakpoints. So there's too many here.

[mmstick]

I'm wondering if the slider should only adjust the selected scale from the dropdown instead of the slider being the whole spectrum of values.

[uvera]

Figma designs show only 5 breakpoints. So there's too many here.

Which values should be those breakpoints?

[mmstick]

100, 150, 200, 250 would be less visually dense.

[uvera]

50, 112, 175, 237.5 and 300 are the values if we go for even distribution with 5 breakpoints.

50, 100, 150, 200, 250, 300 are the values with 6 breakpoints even distribution

[mmstick]

You'll need to run cargo fmt