feat: Use interactionSource and ripple for Switch and Checkbox in SettingsWidgets.

Author: jing332

app/src/main/java/com/github/jing332/tts_server_android/compose/settings/SettingsWidgets.kt

@@ -2,6 +2,7 @@ package com.github.jing332.tts_server_android.compose.settings
 
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.ColumnScope
 import androidx.compose.foundation.layout.Row
@@ -17,6 +18,7 @@ import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.material3.minimumInteractiveComponentSize
+import androidx.compose.material3.ripple
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.LaunchedEffect
@@ -104,13 +106,16 @@ internal fun SwitchPreference(
     checked: Boolean,
     onCheckedChange: (Boolean) -> Unit,
 ) {
+    val interactionSource = remember { MutableInteractionSource() }
     BasePreferenceWidget(
         modifier = modifier
             .focusable()
             .toggleable(
-                role = Role.Switch,
                 value = checked,
+                role = Role.Switch,
                 enabled = true,
+                interactionSource = interactionSource,
+                indication = ripple(),
                 onValueChange = { onCheckedChange(!checked) }),
 
         title = title,
@@ -119,6 +124,7 @@ internal fun SwitchPreference(
         content = {
             Switch(
                 checked = checked,
+                interactionSource = interactionSource,
                 onCheckedChange = null,
                 modifier = Modifier.align(Alignment.CenterVertically)