[a11y] Make more items focusable (#4605)

* Fix settings entry point not available when there is no avatar on the account. Fixes #4599.

* Use Ktx extension `String.toUri()`

* Allow screen reader to focus on the user avatar to allow editing it.

* Fix import order

libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/components/avatar/Avatar.kt

@@ -23,6 +23,7 @@ import androidx.compose.ui.draw.clip
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalInspectionMode
 import androidx.compose.ui.semantics.clearAndSetSemantics
+import androidx.compose.ui.semantics.contentDescription
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.tooling.preview.PreviewParameter
 import androidx.compose.ui.unit.Dp
@@ -59,6 +60,7 @@ fun Avatar(
             avatarData = avatarData,
             forcedAvatarSize = forcedAvatarSize,
             modifier = commonModifier,
+            contentDescription = contentDescription,
         )
     } else {
         ImageAvatar(
@@ -103,11 +105,13 @@ private fun ImageAvatar(
                     InitialsAvatar(
                         avatarData = avatarData,
                         forcedAvatarSize = forcedAvatarSize,
+                        contentDescription = contentDescription,
                     )
                 }
                 else -> InitialsAvatar(
                     avatarData = avatarData,
                     forcedAvatarSize = forcedAvatarSize,
+                    contentDescription = contentDescription,
                 )
             }
         }
@@ -118,6 +122,7 @@ private fun ImageAvatar(
 private fun InitialsAvatar(
     avatarData: AvatarData,
     forcedAvatarSize: Dp?,
+    contentDescription: String?,
     modifier: Modifier = Modifier,
 ) {
     val avatarColors = AvatarColorsProvider.provide(avatarData.id)
@@ -130,7 +135,11 @@ private fun InitialsAvatar(
         val lineHeight = originalFont.lineHeight * ratio
         Text(
             modifier = Modifier
-                .clearAndSetSemantics {}
+                .clearAndSetSemantics {
+                    contentDescription?.let {
+                        this.contentDescription = it
+                    }
+                }
                 .align(Alignment.Center),
             text = avatarData.initial,
             style = originalFont.copy(fontSize = fontSize, lineHeight = lineHeight, letterSpacing = 0.sp),