Don't animate highlight rectangle sliding on click

TODO.md

@@ -1,11 +1,12 @@
 - Refactoring
-  - Don't show the highlight rectangle sliding when clicking room
+  - Use HInterfaceBox for EditAccount Profile and Encryption 
+  - Use ItemDelegate
+
   - Make all icon SVG files white/black, since we can now use ColorOverlay
     - Make the icon blue in EditAccount when hovering and no avatar set
 
-  - Use HInterfaceBox for EditAccount Profile and Encryption 
   - HButton
-    - Control: hovered, visualFocus, enaled
+    - Control: hovered, visualFocus, enabled
     - Border and pressed color in theme / checkbox theming
 
   - `^property type name$`

src/qml/SidePane/DelegateAccount.qml

@@ -51,7 +51,15 @@ HInteractiveRectangle {
         onTriggered: if (isCurrent) beHighlighted()
     }
 
-    TapHandler { onTapped: accountDelegate.activate() }
+    TapHandler {
+        onTapped: {
+            accountRoomList.highlightRangeMode = ListView.NoHighlightRange
+            accountRoomList.highlightMoveDuration = 0
+            activate()
+            accountRoomList.highlightRangeMode = ListView.ApplyRange
+            accountRoomList.highlightMoveDuration = theme.animationDuration
+        }
+    }
 
     HRowLayout {
         id: row

src/qml/SidePane/DelegateRoom.qml

@@ -45,7 +45,15 @@ HInteractiveRectangle {
         onTriggered: if (isCurrent) beHighlighted()
     }
 
-    TapHandler { onTapped: activate() }
+    TapHandler {
+        onTapped: {
+            accountRoomList.highlightRangeMode = ListView.NoHighlightRange
+            accountRoomList.highlightMoveDuration = 0
+            activate()
+            accountRoomList.highlightRangeMode = ListView.ApplyRange
+            accountRoomList.highlightMoveDuration = theme.animationDuration
+        }
+    }
 
     HRowLayout {
         id: rowLayout