Use Compound ListRow instead of Compound form styles. (#1484)

* Adopt ListRow Component.

* Update snapshots.

To check in future PR:
- Pseudo Bug Report Attach Screenshot label
- Bug Report screenshot padding (Use ListRow .custom?)
- De-bold Analytics & Notification Settings footer links
- Inline picker alignment perhaps?

* Changelog

* Update Compound.

* Use the label on the login screen.

ElementX/Sources/Screens/RoomDetailsEditScreen/RoomDetailsEditScreenModels.swift

@@ -46,6 +46,16 @@ struct RoomDetailsEditScreenViewState: BindableState {
         bindings.name != initialName
     }
     
+    /// The string shown for the room's name when it can't be edited.
+    var nameRowTitle: String {
+        bindings.name.isEmpty ? L10n.commonRoomName : bindings.name
+    }
+    
+    /// The string shown for the room's topic when it can't be edited.
+    var topicRowTitle: String {
+        bindings.topic.isEmpty ? L10n.commonTopic : bindings.topic
+    }
+    
     var topicDidChange: Bool {
         bindings.topic != initialTopic
     }