Toggle & Switch (#21979)

![CleanShot 2024-12-13 at 11 27
39@2x](https://github.com/user-attachments/assets/7c7828c0-c5c7-4dc6-931e-722366d4f15a)

- Adds the Switch component
- Updates `Selected`, `Selectable` -> `ToggleState`, `Toggleable`
- Adds `checkbox` and `switch` functions to align better with other
elements in our layout system.

We decided not to merge Switch and Checkbox. However, in a followup I'll
introduce a Toggle or AnyToggle enum so we can update
`CheckboxWithLabel` -> `ToggleWithLabel` as this component will work
exactly the same with either a Checkbox or a Switch.

Release Notes:

- N/A

crates/settings_ui/src/appearance_settings_controls.rs

@@ -145,7 +145,7 @@ impl RenderOnce for ThemeModeControl {
                 ToggleButton::new("light", "Light")
                     .style(ButtonStyle::Filled)
                     .size(ButtonSize::Large)
-                    .selected(value == ThemeMode::Light)
+                    .toggle_state(value == ThemeMode::Light)
                     .on_click(|_, cx| Self::write(ThemeMode::Light, cx))
                     .first(),
             )
@@ -153,7 +153,7 @@ impl RenderOnce for ThemeModeControl {
                 ToggleButton::new("system", "System")
                     .style(ButtonStyle::Filled)
                     .size(ButtonSize::Large)
-                    .selected(value == ThemeMode::System)
+                    .toggle_state(value == ThemeMode::System)
                     .on_click(|_, cx| Self::write(ThemeMode::System, cx))
                     .middle(),
             )
@@ -161,7 +161,7 @@ impl RenderOnce for ThemeModeControl {
                 ToggleButton::new("dark", "Dark")
                     .style(ButtonStyle::Filled)
                     .size(ButtonSize::Large)
-                    .selected(value == ThemeMode::Dark)
+                    .toggle_state(value == ThemeMode::Dark)
                     .on_click(|_, cx| Self::write(ThemeMode::Dark, cx))
                     .last(),
             )
@@ -375,8 +375,8 @@ impl RenderOnce for UiFontLigaturesControl {
             |selection, cx| {
                 Self::write(
                     match selection {
-                        Selection::Selected => true,
-                        Selection::Unselected | Selection::Indeterminate => false,
+                        ToggleState::Selected => true,
+                        ToggleState::Unselected | ToggleState::Indeterminate => false,
                     },
                     cx,
                 );