Rich text editor "expanded mode" (#1656)

* Fix composer icon in dark mode

* Add RTE poc

* Amend cornerRadius

* Add snaps

* Fix composer top spacing

* Fix clipping

* Refine UX

* Fix animation

* Add constants + iPad hide bars logics

* Polish clamping

* Fix UT

* Cleanup

* Add grabber color

* Add UI tests

* Rename handle -> grabber

* Fix resize composer when RTE is off

* Fix project file

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

@@ -19,11 +19,18 @@ import WysiwygComposer
 
 struct RoomScreen: View {
     @ObservedObject var context: RoomScreenViewModel.Context
+    @ObservedObject private var composerToolbarContext: ComposerToolbarViewModel.Context
     @State private var dragOver = false
     let composerToolbar: ComposerToolbar
 
     private let attachmentButtonPadding = 10.0
 
+    init(context: RoomScreenViewModel.Context, composerToolbar: ComposerToolbar) {
+        self.context = context
+        self.composerToolbar = composerToolbar
+        composerToolbarContext = composerToolbar.context
+    }
+
     var body: some View {
         timeline
             .background(Color.compound.bgCanvasDefault.ignoresSafeArea())
@@ -31,12 +38,20 @@ struct RoomScreen: View {
                 composerToolbar
                     .padding(.leading, attachmentButtonPadding)
                     .padding(.trailing, 12)
-                    .padding(.top, 8)
                     .padding(.bottom)
+                    .background {
+                        if composerToolbarContext.composerActionsEnabled {
+                            RoundedRectangle(cornerRadius: 20)
+                                .stroke(Color.compound._borderTextFieldFocused, lineWidth: 1)
+                                .ignoresSafeArea()
+                        }
+                    }
+                    .padding(.top, 8)
                     .background(Color.compound.bgCanvasDefault.ignoresSafeArea())
                     .environmentObject(context)
             }
             .navigationBarTitleDisplayMode(.inline)
+            .navigationBarHidden(isNavigationBarHidden)
             .toolbar { toolbar }
             .toolbarBackground(.visible, for: .navigationBar) // Fix the toolbar's background.
             .overlay { loadingIndicator }
@@ -142,6 +157,10 @@ struct RoomScreen: View {
             RoomHeaderView(context: context)
         }
     }
+
+    private var isNavigationBarHidden: Bool {
+        composerToolbarContext.composerActionsEnabled && composerToolbarContext.composerExpanded && UIDevice.current.userInterfaceIdiom == .pad
+    }
 }
 
 // MARK: - Previews