Replace OutlinedTextField by our TextField (#4521)

* Let TextFieldListItem take the entire width.

* Add unit test to detect usage of OutlinedTextField.

* Use TextField instead of OutlinedTextField

* Remove unnecessary opt in to ExperimentalFoundationApi

* Use TextField instead of OutlinedTextField

* Fix compilation issue.

* Update screenshots

* ListDialog: add space between items.

* Update screenshots

* Set applyPaddingToContents to true by default.

* Update screenshots

---------

Co-authored-by: ElementBot <android@element.io>

tests/konsist/src/test/kotlin/io/element/android/tests/konsist/KonsistImportTest.kt

@@ -24,4 +24,17 @@ class KonsistImportTest {
                 it.name == "org.jetbrains.annotations.VisibleForTesting"
             }
     }
+
+    @Test
+    fun `OutlinedTextField should not be used`() {
+        Konsist
+            .scopeFromProject()
+            .imports
+            .assertFalse(
+                additionalMessage = "Please use 'io.element.android.libraries.designsystem.theme.components.TextField' instead of " +
+                    "'androidx.compose.material3.OutlinedTextField.",
+            ) {
+                it.name == "androidx.compose.material3.OutlinedTextField"
+            }
+    }
 }