ui: improve top app bar in ChatActivity.kt

- truncate the chat title with ellipsis
- centre the chat title and model name for a more 'spaced out' layout

Author: shubham0204

app/src/main/java/io/shubham0204/smollmandroid/ui/components/Text.kt

@@ -21,6 +21,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextOverflow
 
 @Composable
 fun MediumLabelText(
@@ -56,5 +57,7 @@ fun AppBarTitleText(
         style = MaterialTheme.typography.titleMedium,
         modifier = modifier,
         fontWeight = FontWeight.Bold,
+        maxLines = 1,
+        overflow = TextOverflow.Ellipsis,
     )
 }

app/src/main/java/io/shubham0204/smollmandroid/ui/screens/chat/ChatActivity.kt

@@ -233,10 +233,12 @@ fun ChatActivityScreenUI(
                 topBar = {
                     TopAppBar(
                         title = {
-                            Column(modifier = Modifier.fillMaxWidth()) {
+                            Column(
+                                modifier = Modifier.fillMaxWidth(),
+                                horizontalAlignment = Alignment.CenterHorizontally,
+                            ) {
                                 AppBarTitleText(
                                     currChat?.name ?: stringResource(R.string.chat_select_chat),
-                                    modifier = Modifier.fillMaxWidth(),
                                 )
                                 Text(
                                     if (currChat != null && currChat?.llmModelId != -1L) {
@@ -246,7 +248,7 @@ fun ChatActivityScreenUI(
                                     } else {
                                         ""
                                     },
-                                    fontSize = 12.sp,
+                                    style = MaterialTheme.typography.labelSmall,
                                 )
                             }
                         },