feat: Update CartScreen and ListScreen UI

This commit updates the CartScreen and ListScreen UI to improve
the user experience.

- Updates padding on CartScreen for better layout.
- Centers items horizontally within the LazyColumn.
- Updates padding on ListScreen for better layout.
- Updates title style to titleLarge on ListScreen.

Author: cartland

Fruitties/androidApp/src/main/java/com/example/fruitties/android/ui/CartScreen.kt

@@ -38,6 +38,7 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBarColors
+import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
@@ -86,7 +87,7 @@ fun CartScreen(onNavBack: () -> Unit) {
                 title = {
                     Text(text = stringResource(R.string.frutties))
                 },
-                colors = TopAppBarColors(
+                colors = TopAppBarDefaults.topAppBarColors(
                     containerColor = MaterialTheme.colorScheme.primary,
                     scrolledContainerColor = MaterialTheme.colorScheme.primary,
                     navigationIconContentColor = MaterialTheme.colorScheme.onPrimary,
@@ -103,10 +104,10 @@ fun CartScreen(onNavBack: () -> Unit) {
     ) { paddingValues ->
         Column(
             modifier = Modifier
-                .padding(16.dp)
                 // Support edge-to-edge (required on Android 15)
                 // https://developer.android.com/develop/ui/compose/layouts/insets#inset-size
-                .padding(paddingValues),
+                .padding(paddingValues)
+                .padding(16.dp),
         ) {
             val cartItemCount = cartState.cartDetails.sumOf { it.count }
             Text(

Fruitties/androidApp/src/main/java/com/example/fruitties/android/ui/ListScreen.kt

@@ -100,7 +100,13 @@ fun ListScreen(onClickViewCart: () -> Unit = {}) {
                 .padding(horizontal = 16.dp)
                 // Support edge-to-edge (required on Android 15)
                 // https://developer.android.com/develop/ui/compose/layouts/insets#inset-size
-                .padding(paddingValues),
+                .padding(
+                    // Draw to bottom edge. LazyColumn adds a Spacer for WindowInsets.systemBars.
+                    // No bottom padding.
+                    top = paddingValues.calculateTopPadding(),
+                    start = 16.dp,
+                    end = 16.dp,
+                ),
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
             Button(
@@ -150,7 +156,7 @@ fun FruittieItem(
             Text(
                 text = item.name,
                 color = MaterialTheme.colorScheme.onBackground,
-                style = MaterialTheme.typography.titleMedium,
+                style = MaterialTheme.typography.titleLarge,
                 maxLines = 1,
                 overflow = TextOverflow.Ellipsis,
             )

Fruitties/iosApp/iosApp/CartView.swift

@@ -31,7 +31,7 @@ struct CartView : View {
         /// and proper initialization of the ViewModel with its required `AppContainer`.
         let cartViewModel: CartViewModel = viewModelStoreOwner.value.getCartViewModel(
             factory: CartViewModel.companion.Factory,
-            extras: CartViewModel.creationExtras(appContainer: appContainer.value)
+            extras: CartViewModel.companion.creationExtras(appContainer: appContainer.value)
         )
 
         /// Observes the `cartUiState` `StateFlow` from the `CartViewModel` using SKIE's `Observing` utility.