Read Receipts display with the user avatar (#1038)

* added the read receipt into the code

* fixed some things lost during merge

* implemented the status view to be always at the trailing side

* preview code for better testing

* removed timelineStyle modifier

* removed also the group style

* added some UI tests for the read receipts

UITests/Sources/RoomScreenUITests.swift

@@ -153,6 +153,13 @@ class RoomScreenUITests: XCTestCase {
         
         try await app.assertScreenshot(.roomLayoutBottom, step: 1)
     }
+
+    func testTimelineReadReceipts() async throws {
+        let app = Application.launch(.roomSmallTimelineWithReadReceipts)
+
+        // The messages should be bottom aligned.
+        try await app.assertScreenshot(.roomSmallTimelineWithReadReceipts)
+    }
     
     // MARK: - Helper Methods
     

UITests/Sources/__Snapshots__/Application/en-GB-iPad-9th-generation.roomSmallTimelineWithReadReceipts.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e1a51a634a8e8f9c4c55a8068d7f0cbf6b6658dd31fd8dfc82bb59dd83a9b31c
+size 123189

UITests/Sources/__Snapshots__/Application/en-GB-iPhone-14.roomSmallTimelineWithReadReceipts.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a64e6084d03b2b61b52528525f39042f95d1a01544d729af236ef81e9359540b
+size 188024

UITests/Sources/__Snapshots__/Application/pseudo-iPad-9th-generation.roomSmallTimelineWithReadReceipts.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bace67ffd6d2f7df36127fb6499ce7f9af2182d49acb89ab475bc9269e7b7447
+size 124167

UITests/Sources/__Snapshots__/Application/pseudo-iPhone-14.roomSmallTimelineWithReadReceipts.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:126045309c9d7d8f7ebf5a55076cdc2258ff96c4a91fb018639096445a7e7b62
+size 189910