refactor: simplify SettingsScreen UI and clean up code

- Remove header card with emoji and description from SettingsScreen
- Move save button to top-right corner as simple "SAVE" button
- Simplify GetBabyNameUseCase to single expression function
- Remove commented sync code from MainScreenViewModel
- Update TextField label from "My Baby's Name" to "Name"
- Remove save button loading state and full-width styling

Author: dpconde

app/src/main/java/com/dpconde/sofiatracker/domain/usecase/GetBabyNameUseCase.kt

@@ -7,7 +7,7 @@ import javax.inject.Inject
 class GetBabyNameUseCase @Inject constructor(
     private val settingsRepository: SettingsRepository
 ) {
-    operator fun invoke(): Flow<String> {
-        return settingsRepository.getBabyName()
-    }
+
+    operator fun invoke() =  settingsRepository.getBabyName()
+
 }

app/src/main/java/com/dpconde/sofiatracker/presentation/main/MainScreenViewModel.kt

@@ -30,8 +30,6 @@ class MainScreenViewModel @Inject constructor(
 
     init {
         loadRecentEvents()
-        // Trigger sync when the main screen loads
-        //triggerStartupSync()
     }
 
     private fun loadRecentEvents() {

app/src/main/java/com/dpconde/sofiatracker/presentation/settings/SettingsScreen.kt

@@ -1,12 +1,16 @@
 package com.dpconde.sofiatracker.presentation.settings
 
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Check
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalSoftwareKeyboardController
 import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.text.style.TextAlign
@@ -21,48 +25,29 @@ fun SettingsScreen(
 ) {
     val uiState by viewModel.uiState.collectAsState()
     val keyboardController = LocalSoftwareKeyboardController.current
-    
+
     Column(
         modifier = modifier
-            .fillMaxSize()
-            .padding(16.dp),
+            .padding(16.dp)
+            .fillMaxSize(),
         verticalArrangement = Arrangement.spacedBy(16.dp)
     ) {
-        // Header Card
-        Card(
-            modifier = Modifier.fillMaxWidth(),
-            colors = CardDefaults.cardColors(
-                containerColor = MaterialTheme.colorScheme.primaryContainer
-            )
-        ) {
-            Column(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .padding(20.dp),
-                horizontalAlignment = Alignment.CenterHorizontally
+
+        Row {
+            Spacer(Modifier.weight(1f))
+            Button(
+                   onClick = {
+                    keyboardController?.hide()
+                    viewModel.saveBabyName()
+                },
+                enabled = !uiState.isLoading && uiState.babyName.isNotBlank()
             ) {
-                Text(
-                    text = "⚙️",
-                    style = MaterialTheme.typography.displaySmall
-                )
-                
-                Spacer(modifier = Modifier.height(12.dp))
-                
-                Text(
-                    text = "Settings",
-                    style = MaterialTheme.typography.headlineMedium,
-                    color = MaterialTheme.colorScheme.onPrimaryContainer
-                )
-                
-                Text(
-                    text = "Customize your app experience",
-                    style = MaterialTheme.typography.bodyMedium,
-                    color = MaterialTheme.colorScheme.onPrimaryContainer.copy(alpha = 0.7f),
-                    textAlign = TextAlign.Center
-                )
+                Text("SAVE")
             }
         }
-        
+
+
+
         // Baby Name Form Card
         Card(
             modifier = Modifier.fillMaxWidth(),
@@ -81,11 +66,11 @@ fun SettingsScreen(
                     style = MaterialTheme.typography.titleLarge,
                     color = MaterialTheme.colorScheme.onSurface
                 )
-                
+
                 OutlinedTextField(
                     value = uiState.babyName,
                     onValueChange = viewModel::updateBabyName,
-                    label = { Text("My Baby's Name") },
+                    label = { Text("Name") },
                     placeholder = { Text("Sofía") },
                     modifier = Modifier.fillMaxWidth(),
                     singleLine = true,
@@ -98,25 +83,7 @@ fun SettingsScreen(
                     ),
                     enabled = !uiState.isLoading
                 )
-                
-                Button(
-                    onClick = {
-                        keyboardController?.hide()
-                        viewModel.saveBabyName()
-                    },
-                    modifier = Modifier.fillMaxWidth(),
-                    enabled = !uiState.isLoading && uiState.babyName.isNotBlank()
-                ) {
-                    if (uiState.isLoading) {
-                        CircularProgressIndicator(
-                            modifier = Modifier.size(16.dp),
-                            strokeWidth = 2.dp
-                        )
-                        Spacer(modifier = Modifier.width(8.dp))
-                    }
-                    Text(if (uiState.isLoading) "Saving..." else "Save")
-                }
-                
+
                 uiState.error?.let { error ->
                     Card(
                         colors = CardDefaults.cardColors(
@@ -134,4 +101,4 @@ fun SettingsScreen(
             }
         }
     }
-}
+}