fix(UserListPanel): Removed margin when the list positioned not at the end

Closes #7526

ui/app/AppLayouts/Chat/panels/UserListPanel.qml

@@ -39,10 +39,7 @@ Item {
         text: root.label
     }
 
-    StatusListView {
-        id: userListView
-        objectName: "userListPanel"
-
+    Item {
         anchors {
             top: titleText.bottom
             topMargin: Style.current.padding
@@ -51,11 +48,23 @@ Item {
             right: parent.right
             rightMargin: Style.current.halfPadding
             bottom: parent.bottom
-            bottomMargin: Style.current.bigPadding
         }
 
+        clip: true
+
+        StatusListView {
+            id: userListView
+            objectName: "userListPanel"
+
+            clip: false
+
+            anchors.fill: parent
+            anchors.bottomMargin: Style.current.bigPadding
+            displayMarginEnd: anchors.bottomMargin
+
             model: SortFilterProxyModel {
                 sourceModel: usersModule.model
+
                 sorters: [
                     RoleSorter {
                         roleName: "onlineStatus"
@@ -110,6 +119,7 @@ Item {
                 }
             }
         }
+    }
 
     Component {
         id: sectionDelegateComponent