Replace plain SF Symbols with Compound counterparts

ElementX/Sources/Screens/Timeline/View/TimelineItemViews/CollapsibleRoomTimelineView.swift

@@ -6,6 +6,7 @@
 // Please see LICENSE files in the repository root for full details.
 //
 
+import Compound
 import SwiftUI
 
 struct CollapsibleRoomTimelineView: View {
@@ -38,12 +39,12 @@ struct CollapsibleRoomTimelineView: View {
             } label: {
                 HStack(alignment: .center, spacing: 8) {
                     Text(L10n.screenRoomTimelineStateChanges(timelineItem.items.count))
-                    Text(Image(systemName: "chevron.forward"))
+                        .font(.compound.bodySM)
+                    CompoundIcon(\.chevronRight, size: .small, relativeTo: .compound.bodySM)
                         .accessibilityLabel(isExpanded ? L10n.screenRoomGroupedStateEventsReduce : L10n.screenRoomGroupedStateEventsExpand)
                         .rotationEffect(.degrees(isExpanded ? 90 : 0))
                         .animation(.elementDefault, value: isExpanded)
                 }
-                .font(.compound.bodySM)
                 .foregroundColor(.compound.textSecondary)
                 .padding(.horizontal, 36.0)
                 .padding(.vertical, 12.0)

ElementX/Sources/Screens/Timeline/View/TimelineItemViews/VideoRoomTimelineView.swift

@@ -63,9 +63,7 @@ struct VideoRoomTimelineView: View {
     }
     
     var playIcon: some View {
-        Image(systemName: "play.circle.fill")
-            .resizable()
-            .frame(width: 50, height: 50)
+        CompoundIcon(\.playSolid, size: .custom(50), relativeTo: .compound.headingLG)
             .background(.ultraThinMaterial, in: Circle())
             .foregroundColor(.white)
     }