Update dependency element-hq/compound-design-tokens to v6.10.1 (#5123)

* Update dependency element-hq/compound-design-tokens to v6.10.0

* Further Compound updates.

The gradients have been simplified and are now opaque.

* Missed snapshots.

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Doug <douglase@element.io>

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

@@ -30,7 +30,7 @@ struct RoomScreenFooterView: View {
         case .pinViolation:
             .compound.info
         case .verificationViolation:
-            Gradient(colors: [.compound.bgCriticalSubtle, .clear])
+            .compound.critical
         case .none:
             Gradient(colors: [.clear])
         }
@@ -39,9 +39,7 @@ struct RoomScreenFooterView: View {
     var body: some View {
         if let details {
             detailsView(details)
-                .highlight(gradient: gradient,
-                           borderColor: borderColor,
-                           backgroundColor: .compound.bgCanvasDefault)
+                .highlight(gradient: gradient, borderColor: borderColor)
                 .padding(.top, 8)
                 .fixedSize(horizontal: false, vertical: true)
         }