Finish view model for contact list

As a followup of !30 (merged), this MR moves all application logic related to the contact list out of the composable UI into a view model. This view model updates its state when receiving events (e.g. contact added/removed/connected/disconnected) and the new state gets automatically reflected in the UI. I've taken inspiration from the briar-android code, especially the contact package for the implementation of the view model.

The complete diff turned out to be quite long, so here a quick summary on what I did:

• (re-)add a ContactItem data class holding the information needed for the contact list (apart from the Contact itself: the connection status, the number of unread messages and a timestamp of the last message. Inspired by https://code.briarproject.org/briar/briar/-/blob/master/briar-android/src/main/java/org/briarproject/briar/android/contact/ContactItem.java
• ContactsViewModel is an abstract class providing common functionality for ContactListViewModel and IntroductionViewModel (similar to Android)
• maintaining the search value and filtering of the contact list is done inside the ContactListViewModel
• move introduction related code to the introduction package to match the Android codebase
• move the logic for the add contact dialog to the AddContactViewModel
• move remember { mutableStateOf(...) } (state still residing in the UI) as much "down" as possible to prevent passing too many parameters around
• factor the UiPlaceholder composable out that can be reused at all places where the actual UI is still to be implemented

Several things are not optimal in the current implementation, and should be addressed in the future:

• All view models are injected into the BriarUi class (the entrypoint of the UI) and passed down all the way to the composables that actually need it. This also means that all view models are instantiated at application startup even if they are not needed from the beginning. Also, view models are used as singletons, i.e., the AddContact or Introduction dialog share the same view model when opened repeatedly. I'm not fully sure how this is handled in Android, but I think view models are tied to the lifecycle of the activity and as the add contact functionality is a separate activity (?) in the Android app, view models would not be reused there. Perhaps we actually want to have the notion of lifecycles at some point also in our Desktop app? Another downside of having view models created already on startup and never destroyed is the fact that they will listen for events all the time even when they are not used at all.
• All interactions with the Briar API still happen on the main thread. The Android app uses the runOnDbThread callback everytime when accessing Briar APIs. I'm pretty sure we should do a similar thing, perhaps using Kotlin coroutines? Also, we should double-check that is is actually safe to listen to events on the main thread, but that's what I saw in the Android app as well.
• The State class provided by Compose is actually not as useful as the Android LiveData. For example, it lacks equivalents to the Transformations.map and Transformations.switchMap functions, that would allow for shorter code in the ContactListViewModel when updating the filter on the contact list. Basically, states are not "observable" as LiveData is, but they are nothing more than a container for data. I think we should reconsider using Kotlin coroutines' StateFlow or something similar instead of simple States in the view models.
• I'm not sure whether the interconnection between different view models is already optimal. For now, the UI (Composables) at some point ties them together. For example, PrivateMessageView uses the Conversation depending on the selectedContact in the contactListViewModel. When implementing the conversation view model (for the private chat), the information on which contact is selected must somehow be passed to the view model, preferably only once when it actually changes. I'm not sure how that would look like, to be honest.

Related to #90 (closed) and #68 (closed), closes #92 (closed).

src/main/kotlin/org/briarproject/briar/desktop/contact/add/remote/AddContactDialog.kt

-package org.briarproject.briar.desktop.contact
+package org.briarproject.briar.desktop.contact.add.remote
 
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -15,35 +15,21 @@ import androidx.compose.material.Text
 import androidx.compose.material.TextButton
 import androidx.compose.material.TextField
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import org.briarproject.bramble.api.FormatException
-import org.briarproject.bramble.api.contact.ContactManager
-import org.briarproject.bramble.api.db.ContactExistsException
-import org.briarproject.bramble.api.db.PendingContactExistsException
-import org.briarproject.bramble.api.identity.AuthorConstants
-import org.briarproject.bramble.util.StringUtils
-import org.briarproject.briar.desktop.ui.CTM
-import java.security.GeneralSecurityException
 
 @OptIn(ExperimentalMaterialApi::class)
 @Composable
-fun AddContactDialog(isVisible: Boolean, setDialogVisibility: (Boolean) -> Unit) {
-    if (!isVisible) {
-        return
+fun AddContactDialog(viewModel: AddContactViewModel, onClose: () -> Unit) {
+    LaunchedEffect("fetchHandshake") {
+        // todo: should instead be done automatically as soon as DB is loaded -> in view model
+        viewModel.fetchHandshakeLink()
     }
-    var contactAlias by remember { mutableStateOf("") }
-    var contactLink by remember { mutableStateOf("") }
-    val contactManager = CTM.current
-    val ownLink = CTM.current.handshakeLink
     AlertDialog(
-        onDismissRequest = { setDialogVisibility(false) },
+        onDismissRequest = onClose,
         text = {
             Column(modifier = Modifier.fillMaxWidth()) {
                 Row(Modifier.fillMaxWidth().padding(vertical = 16.dp)) {
@@ -58,14 +44,22 @@ fun AddContactDialog(isVisible: Boolean, setDialogVisibility: (Boolean) -> Unit)
                         "Contact's Link",
                         Modifier.width(128.dp).align(Alignment.CenterVertically),
                     )
-                    TextField(contactLink, onValueChange = { contactLink = it }, modifier = Modifier.fillMaxWidth())
+                    TextField(
+                        viewModel.remoteHandshakeLink.value,
+                        viewModel::setRemoteHandshakeLink,
+                        modifier = Modifier.fillMaxWidth()
+                    )
                 }
                 Row(horizontalArrangement = Arrangement.SpaceBetween, modifier = Modifier.fillMaxWidth()) {
                     Text(
                         "Contact's Name",
                         Modifier.width(128.dp).align(Alignment.CenterVertically),
                     )
-                    TextField(contactAlias, onValueChange = { contactAlias = it }, modifier = Modifier.fillMaxWidth())
+                    TextField(
+                        viewModel.alias.value,
+                        viewModel::setAddContactAlias,
+                        modifier = Modifier.fillMaxWidth()
+                    )
                 }
                 Row(horizontalArrangement = Arrangement.SpaceBetween, modifier = Modifier.fillMaxWidth()) {
                     Text(
@@ -73,7 +67,7 @@ fun AddContactDialog(isVisible: Boolean, setDialogVisibility: (Boolean) -> Unit)
                         modifier = Modifier.width(128.dp).align(Alignment.CenterVertically),
                     )
                     TextField(
-                        ownLink,
+                        viewModel.handshakeLink.value,
                         onValueChange = {},
                         modifier = Modifier.fillMaxWidth()
                     )
@@ -81,23 +75,13 @@ fun AddContactDialog(isVisible: Boolean, setDialogVisibility: (Boolean) -> Unit)
             }
         },
         confirmButton = {
-            Button(
-                onClick = {
-                    if (ownLink.equals(contactLink)) {
-                        println("Please enter contact's link, not your own")
-                        setDialogVisibility(false)
-                        return@Button
-                    }
-                    addPendingContact(contactManager, contactAlias, contactLink)
-                    setDialogVisibility(false)
-                },
-            ) {
+            Button(onClick = { viewModel.onSubmitAddContactDialog(); onClose() }) {
                 Text("Add")
             }
         },
         dismissButton = {
             TextButton(
-                onClick = { setDialogVisibility(false) }
+                onClick = onClose
             ) {
                 Text("Cancel", color = MaterialTheme.colors.onSurface)
             }
@@ -105,38 +89,3 @@ fun AddContactDialog(isVisible: Boolean, setDialogVisibility: (Boolean) -> Unit)
         modifier = Modifier.size(600.dp, 300.dp),
     )
 }
-
-private fun addPendingContact(contactManager: ContactManager, alias: String, link: String) {
-    if (aliasIsInvalid(alias)) {
-        println("Alias is invalid")
-        return
-    }
-    try {
-        contactManager.addPendingContact(link, alias)
-    } catch (e: FormatException) {
-        println("Link is invalid")
-        println(e.stackTrace)
-    } catch (e: GeneralSecurityException) {
-        println("Public key is invalid")
-        println(e.stackTrace)
-    }
-    /*
-    TODO: Warn user that the following two errors might be an attack
-
-     Use `e.pendingContact.id.bytes` and `e.pendingContact.alias` to implement the following logic:
-     https://code.briarproject.org/briar/briar-gtk/-/merge_requests/97
-
-    */
-    catch (e: ContactExistsException) {
-        println("Contact already exists")
-        println(e.stackTrace)
-    } catch (e: PendingContactExistsException) {
-        println("Pending Contact already exists")
-        println(e.stackTrace)
-    }
-}
-
-private fun aliasIsInvalid(alias: String): Boolean {
-    val aliasUtf8 = StringUtils.toUtf8(alias)
-    return aliasUtf8.isEmpty() || aliasUtf8.size > AuthorConstants.MAX_AUTHOR_NAME_LENGTH
-}