Add basic settings, gotta fix layout

Modules/Settings/Tabs/Bar.qml

@@ -15,17 +15,48 @@ Item {
   ColumnLayout {
     anchors.fill: parent
     spacing: Style.marginMedium * scaling
+
     NText {
-      text: "Bar"
+      text: "Elements"
       font.weight: Style.fontWeightBold
       color: Colors.accentSecondary
     }
-    NText {
-      text: "Coming soon"
-      color: Colors.textSecondary
+
+    NToggle {
+      label: "Show Active Window"
+      description: "Display the title of the currently focused window below the bar"
+      value: Settings.data.bar.showActiveWindow
+      onToggled: function (newValue) { Settings.data.bar.showActiveWindow = newValue }
     }
-    Item {
-      Layout.fillHeight: true
+
+    NToggle {
+      label: "Show Active Window Icon"
+      description: "Display the icon of the currently focused window"
+      value: Settings.data.bar.showActiveWindowIcon
+      onToggled: function (newValue) { Settings.data.bar.showActiveWindowIcon = newValue }
     }
+
+    NToggle {
+      label: "Show System Info"
+      description: "Display system information (CPU, RAM, Temperature)"
+      value: Settings.data.bar.showSystemInfo
+      onToggled: function (newValue) { Settings.data.bar.showSystemInfo = newValue }
+    }
+
+    NToggle {
+      label: "Show Taskbar"
+      description: "Display a taskbar showing currently open windows"
+      value: Settings.data.bar.showTaskbar
+      onToggled: function (newValue) { Settings.data.bar.showTaskbar = newValue }
+    }
+
+    NToggle {
+      label: "Show Media"
+      description: "Display media controls and information"
+      value: Settings.data.bar.showMedia
+      onToggled: function (newValue) { Settings.data.bar.showMedia = newValue }
+    }
+
+    Item { Layout.fillHeight: true }
   }
 }