Create & Join rooms UI/UX tweaks (#1005)

* Fix people icon size

* Disable dismiss when loading in StartChatScreen

* Reduce debounce on search

* Add padding to invite button

* Add show/hide bottom bar behaviour

* Fix bg color in StartChatScreen form

* Update localisations

* Update search users results to 10

* Fix form background in InviteUsersScreen

* Fix invites list bg color

* Add mxid in InvitesScreenCell

* Refactor InvitesScreenCell design

* Fix separator spacing

* Add more design fixes

* Refine InvitesScreenCell layout

* Refactor UserProfileCell design

* Refactor FormRowAccessory

* Update localisations

* Fix camera size and security section padding

* Change create button style

* Refine InviteUsersScreenSelectedItem

* Refine CreateRoomScreen

* Refine UserProfileCell padding

* Amend preview name

* delete test code

* Add separator in security section

* Fix spacing in InviteUsersScreenSelectedItem

* Revert confirmationAction in CreateRoomScreen

* Refine HomeScreenInvitesButton

* Add dismiss keyboard in InviteUsersScreen

* Refactor FormRowAccessory

* Remove isDisabled from FormButtonStyles

* Update localisations

* Cleanup RoomDetailsEditScreen

* UI fixes on horizontal user carousel

* Refactor InviteUsersScreenSelectedItem

* Try fix flaky tests

* Fix typo

* Update snapshot tests

* Fix flaky UTs

* Fix HomeScreen ui tests

* Fix scroll on selection

* Refactor RoomFlowCoordinatorTests

ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift

@@ -26,6 +26,7 @@ struct HomeScreen: View {
     
     @State private var scrollViewAdapter = ScrollViewAdapter()
     @State private var showingLogoutConfirmation = false
+    @State private var showingBottomToolbar = true
     
     var body: some View {
         ScrollView {
@@ -99,6 +100,11 @@ struct HomeScreen: View {
                 }
             }
         }
+        .onReceive(scrollViewAdapter.scrollDirection) { direction in
+            withAnimation(.elementDefault) {
+                showingBottomToolbar = (direction == .down)
+            }
+        }
         .onChange(of: context.viewState.visibleRooms) { _ in
             // Give the view a chance to update
             DispatchQueue.main.async {
@@ -115,20 +121,27 @@ struct HomeScreen: View {
                actions: leaveRoomAlertActions,
                message: leaveRoomAlertMessage)
         .navigationTitle(L10n.screenRoomlistMainSpaceTitle)
-        .toolbar {
-            ToolbarItem(placement: .navigationBarLeading) {
-                userMenuButton
-            }
-            if context.viewState.startChatFlowEnabled {
-                ToolbarItemGroup(placement: .bottomBar) {
-                    Spacer()
-                    newRoomButton
-                }
-            }
-        }
+        .toolbar(showingBottomToolbar ? .automatic : .hidden, for: .bottomBar)
+        .toolbar { toolbar }
         .background(Color.element.background.ignoresSafeArea())
         .track(screen: .home)
     }
+    
+    // MARK: - Private
+    
+    @ToolbarContentBuilder
+    private var toolbar: some ToolbarContent {
+        ToolbarItem(placement: .navigationBarLeading) {
+            userMenuButton
+        }
+        
+        ToolbarItemGroup(placement: .bottomBar) {
+            if context.viewState.startChatFlowEnabled {
+                Spacer()
+                newRoomButton
+            }
+        }
+    }
 
     @ViewBuilder
     private var userMenuButton: some View {