fix: settings option rows — stack title above controls instead of side by side

SettingsOptionRow was a horizontal Row cramming icon + title + wide
controls (theme circles, appearance pills) into one line. The text
got squeezed to near-zero width, breaking character by character.
Changed to vertical layout: title/description on top, controls below.

app/src/main/java/dev/kaizen/app/settings/SettingsComponents.kt

@@ -107,12 +107,12 @@ fun SettingsOptionRow(
     content: @Composable () -> Unit = {}
 ) {
     val cs = MaterialTheme.colorScheme
-    Row(
+    Column(
         modifier = modifier
             .fillMaxWidth()
             .padding(vertical = 10.dp),
-        verticalAlignment = Alignment.CenterVertically
     ) {
+        Row(verticalAlignment = Alignment.CenterVertically) {
             Box(
                 modifier = Modifier
                     .size(38.dp)
@@ -127,16 +127,15 @@ fun SettingsOptionRow(
                     modifier = Modifier.size(18.dp)
                 )
             }
-        
             Spacer(Modifier.width(14.dp))
-        
-        Column(Modifier.weight(1f)) {
+            Column {
                 Text(
                     text = title,
                     color = cs.onBackground,
                     fontSize = 15.sp,
                     fontWeight = FontWeight.SemiBold
                 )
+                if (description.isNotEmpty()) {
                     Text(
                         text = description,
                         color = cs.onSurfaceVariant,
@@ -144,9 +143,9 @@ fun SettingsOptionRow(
                         lineHeight = 16.sp
                     )
                 }
-        
-        Spacer(Modifier.width(10.dp))
-        
+            }
+        }
+        Spacer(Modifier.height(12.dp))
         content()
     }
 }