Move TypingIndicator to the right side

So that it's less likely to cover message text.

imports/NeoChat/Component/TypingPane.qml

@@ -18,7 +18,6 @@ Loader {
     sourceComponent: Pane {
         id: typingPane
 
-        clip: true
         leftPadding: Kirigami.Units.largeSpacing
         rightPadding: Kirigami.Units.largeSpacing
         topPadding: Kirigami.Units.smallSpacing
@@ -94,9 +93,9 @@ Loader {
             }
         }
 
-        leftInset: mirrored ? 0 : -3
-        rightInset: mirrored ? -3 : 0
-        bottomInset: -3
+        leftInset: !mirrored ? 0 : -background.radius
+        rightInset: mirrored ? 0 : -background.radius
+        bottomInset: -background.radius
         background: Rectangle {
             radius: 3
             color: Kirigami.Theme.backgroundColor

imports/NeoChat/Page/RoomPage.qml

@@ -637,7 +637,7 @@ Kirigami.ScrollablePage {
         QQC2.RoundButton {
             anchors.right: parent.right
             anchors.bottom: parent.bottom
-            anchors.bottomMargin: Kirigami.Units.largeSpacing
+            anchors.bottomMargin: Kirigami.Units.largeSpacing + messageListView.headerItem.height
             anchors.rightMargin: Kirigami.Units.largeSpacing
             implicitWidth: Kirigami.Units.gridUnit * 2
             implicitHeight: Kirigami.Units.gridUnit * 2
@@ -725,7 +725,7 @@ Kirigami.ScrollablePage {
                 currentRoom.usersTyping.length,
                 currentRoom.usersTyping.map(user => user.displayName).join(", ")
             ) : ""
-            anchors.left: parent.left
+            anchors.right: parent.right
             height: visible ? implicitHeight : 0
             Behavior on height {
                 NumberAnimation {