controlcenter: re-corrected bind loop

modules/dashboard/Content.qml

@@ -87,6 +87,7 @@ Item {
                 id: row
 
                 Pane {
+                    index: 0
                     sourceComponent: Dash {
                         visibilities: root.visibilities
                         state: root.state
@@ -95,12 +96,14 @@ Item {
                 }
 
                 Pane {
+                    index: 1
                     sourceComponent: Media {
                         visibilities: root.visibilities
                     }
                 }
 
                 Pane {
+                    index: 2
                     sourceComponent: Performance {}
                 }
             }
@@ -126,12 +129,14 @@ Item {
     }
 
     component Pane: Loader {
+        required property int index
+        
         Layout.alignment: Qt.AlignTop
 
         Component.onCompleted: active = Qt.binding(() => {
-            const vx = Math.floor(view.visibleArea.xPosition * view.contentWidth);
+            const current = view.currentIndex;
-            const vex = Math.floor(vx + view.visibleArea.widthRatio * view.contentWidth);
+            // Activate current pane and adjacent panes for smooth scrolling
-            return (vx >= x && vx <= x + implicitWidth) || (vex >= x && vex <= x + implicitWidth);
+            return Math.abs(index - current) <= 1;
         })
     }
 }