Change name of root id to root everywhere

BarArea.qml

@@ -5,7 +5,7 @@ import Quickshell.Widgets
 import qs.Common
 
 WrapperRectangle {
-    id: barArea
+    id: root
 
     property var monitor: "DP-1"
     property var components: [] // Add this new property
@@ -16,14 +16,14 @@ WrapperRectangle {
 
     RowLayout {
         Repeater {
-            model: barArea.components
+            model: root.components
 
             delegate: Loader {
                 required property var modelData
                 // The source of the loader is the component from the model
                 source: modelData
                 onLoaded: {
-                    item.monitor = barArea.monitor;
+                    item.monitor = root.monitor;
                 }
             }
         }