MIFOSAC-506 Bug: "Create" button for creating new center is unresponsive and does not submit the form (#2547)

Author: kartikey004

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosButton.kt

@@ -58,7 +58,10 @@ fun MifosButton(
     contentPadding: PaddingValues = ButtonDefaults.ContentPadding,
     elevation: ButtonElevation? = ButtonDefaults.buttonElevation(),
     colors: ButtonColors = ButtonDefaults.buttonColors(
-        containerColor = MaterialTheme.colorScheme.background,
+        containerColor = MaterialTheme.colorScheme.primary,
+        contentColor = MaterialTheme.colorScheme.onPrimary,
+        disabledContainerColor = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.12f),
+        disabledContentColor = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.38f),
     ),
     content: @Composable RowScope.() -> Unit = {},
 ) {

feature/center/src/commonMain/kotlin/com/mifos/feature/center/createCenter/CreateNewCenterScreen.kt

@@ -237,16 +237,18 @@ private fun CreateNewCenterContent(
             value = centerName,
             onValueChange = { centerName = it },
             label = stringResource(Res.string.feature_center_center_name),
-            error = null,
+            error = centerNameValidator,
         )
 
         MifosTextFieldDropdown(
             value = selectedOffice,
             onValueChanged = {
                 selectedOffice = it
+                selectedOfficeValidator = null
             },
             onOptionSelected = { index, value ->
                 selectedOffice = value
+                selectedOfficeValidator = null
                 offices[index].id.let {
                     officeId = it
                 }
@@ -299,6 +301,7 @@ private fun CreateNewCenterContent(
                     )
                 }
             },
+            enabled = validateAllFields(),
             modifier = Modifier
                 .fillMaxWidth()
                 .heightIn(44.dp)