Update and enable the new bloom style on the home screen. (#4291)

* Update Compound

* Adopt the new accent colour (and gradient) tokens.

ElementX/Sources/Screens/RoomScreen/View/RoomScreen.swift

@@ -137,9 +137,9 @@ struct RoomScreen: View {
         .padding(.top, 16)
         .padding(.horizontal, 16)
         .padding(.bottom, 12)
-        .highlight(borderColor: .compound.borderInfoSubtle,
-                   primaryColor: .compound.bgInfoSubtle,
-                   secondaryColor: .compound.bgCanvasDefault)
+        .highlight(gradient: .compound.info,
+                   borderColor: .compound.borderInfoSubtle,
+                   backgroundColor: .compound.bgCanvasDefault)
     }
     
     @ViewBuilder

ElementX/Sources/Screens/RoomScreen/View/RoomScreenFooterView.swift

@@ -5,6 +5,7 @@
 // Please see LICENSE files in the repository root for full details.
 //
 
+import Compound
 import SwiftUI
 
 struct RoomScreenFooterView: View {
@@ -23,21 +24,23 @@ struct RoomScreenFooterView: View {
         }
     }
     
-    private var gradientColor: Color {
+    private var gradient: Gradient {
         switch details {
         case .pinViolation:
-            .compound.bgInfoSubtle
+            .compound.info
         case .verificationViolation:
-            .compound.bgCriticalSubtle
+            Gradient(colors: [.compound.bgCriticalSubtle, .clear])
         case .none:
-            Color.compound.bgCanvasDefault
+            Gradient(colors: [.clear])
         }
     }
     
     var body: some View {
         if let details {
             detailsView(details)
-                .highlight(borderColor: borderColor, primaryColor: gradientColor, secondaryColor: .compound.bgCanvasDefault)
+                .highlight(gradient: gradient,
+                           borderColor: borderColor,
+                           backgroundColor: .compound.bgCanvasDefault)
                 .padding(.top, 8)
                 .fixedSize(horizontal: false, vertical: true)
         }