Update Send button bg color (#5170)

* Update Send button bg color

Change the gradient bg to accent/rest.

* Tidy-up ComposerToolbar to match iOS 18 Figma.

Also simplifies the tests a bit.

* Add a .glassEffect to Compound's SendButton.

* Add a border to TimelineReplyView.

Also use the same sizes in both the message bubbles and the composer.

* Change icon size and container in message bubbles

- Container size = 36x36px
- Icon size = 24x24px

* Update icon of reply contents to be 24x24

* Update the VoiceMessageButton to match the designs.

* Adopt Liquid Glass in the ComposerToolbar.

* Generate and fix snapshots.

---------

Co-authored-by: Doug <douglase@element.io>

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

@@ -17,7 +17,7 @@ struct FormattingToolbar: View {
 
     var body: some View {
         ScrollView(.horizontal) {
-            HStack(spacing: 4) {
+            HStack(spacing: 5) {
                 ForEach(formatItems) { item in
                     Button {
                         formatAction(item.type)
@@ -27,7 +27,7 @@ struct FormattingToolbar: View {
                             .padding(8)
                             .background(item.backgroundColor)
                             .cornerRadius(8)
-                            .padding(4)
+                            .padding(.vertical, Compound.supportsGlass ? 10 : 3)
                     }
                     .disabled(item.state == .disabled)
                     .accessibilityIdentifier(item.accessibilityIdentifier)
@@ -63,11 +63,13 @@ private extension FormatItem {
 
 struct FormattingToolbar_Previews: PreviewProvider, TestablePreview {
     static let items = FormatType.allCases.map { FormatItem(type: $0, state: .enabled) }
+    static let reversedItems = FormatType.allCases.map { FormatItem(type: $0, state: .reversed) }
     static let disabledItems = FormatType.allCases.map { FormatItem(type: $0, state: .disabled) }
     
     static var previews: some View {
         VStack(spacing: 16.0) {
             FormattingToolbar(formatItems: items) { _ in }
+            FormattingToolbar(formatItems: reversedItems) { _ in }
             FormattingToolbar(formatItems: disabledItems) { _ in }
         }
     }