Use new scrollbars for scrollviews (ie text areas)

src/gui/Base/HScrollView.qml

@@ -0,0 +1,16 @@
+// SPDX-License-Identifier: LGPL-3.0-or-later
+
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+
+ScrollView {
+    id: scrollView
+
+    ScrollBar.vertical: HScrollBar {
+        parent: scrollView
+        x: scrollView.mirrored ? 0 : scrollView.width - width
+        y: scrollView.topPadding
+        height: scrollView.availableHeight
+        active: scrollView.ScrollBar.horizontal.active
+    }
+}

src/gui/Pages/Chat/Composer/Composer.qml

@@ -1,7 +1,6 @@
 // SPDX-License-Identifier: LGPL-3.0-or-later
 
 import QtQuick 2.12
-import QtQuick.Controls 2.12
 import QtQuick.Layouts 1.12
 import "../../../Base"
 
@@ -38,7 +37,7 @@ Rectangle {
                 ""
         }
 
-        ScrollView {
+        HScrollView {
             Layout.fillHeight: true
             Layout.fillWidth: true
 

src/gui/Pages/Chat/RoomPane/SettingsView.qml

@@ -117,7 +117,7 @@ HFlickableColumnPage {
 
         Layout.fillWidth: true
 
-        ScrollView {
+        HScrollView {
             clip: true
             width: parent.width
             height:

src/gui/Popups/InviteToRoomPopup.qml

@@ -61,7 +61,7 @@ BoxPopup {
     property var failedInvites: []
 
 
-    ScrollView {
+    HScrollView {
         Layout.fillWidth: true
         Layout.fillHeight: true
 

src/gui/Popups/UnexpectedErrorPopup.qml

@@ -21,7 +21,7 @@ BoxPopup {
     property string traceback: ""
 
 
-    ScrollView {
+    HScrollView {
         Layout.fillWidth: true
 
         HTextArea {