lock: fix media position

modules/lock/Clock.qml

@@ -6,8 +6,6 @@ import QtQuick.Layouts
 ColumnLayout {
     id: root
 
-    required property bool locked
-
     spacing: 0
 
     RowLayout {

modules/lock/LockSurface.qml

@@ -90,8 +90,6 @@ WlSessionLockSurface {
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.bottom: parent.top
         anchors.bottomMargin: -backgrounds.clockBottom
-
-        locked: root.locked
     }
 
     Input {
@@ -112,15 +110,12 @@ WlSessionLockSurface {
     }
 
     Loader {
+        id: media
+
         active: root.screen.width > Config.lock.sizes.smallScreenWidth
         asynchronous: true
 
-        sourceComponent: MediaPlaying {
+        state: root.screen.width > Config.lock.sizes.largeScreenWidth ? "tl" : "br"
-            id: media
-
-            isLarge: root.screen.width > Config.lock.sizes.largeScreenWidth
-
-            state: isLarge ? "tl" : "br"
         states: [
             State {
                 name: "tl"
@@ -151,9 +146,19 @@ WlSessionLockSurface {
                 }
             }
         ]
+
+        sourceComponent: MediaPlaying {
+            isLarge: root.screen.width > Config.lock.sizes.largeScreenWidth
         }
     }
 
+    Loader {
+        active: root.screen.width > Config.lock.sizes.largeScreenWidth
+        asynchronous: true
+
+        sourceComponent: Buttons {}
+    }
+
     component Anim: NumberAnimation {
         duration: Appearance.anim.durations.large
         easing.type: Easing.BezierSpline