Center container widget.

Replaced homepage with widget.

scripts/system/settings/qml_widgets/SettingCenterContainer.qml

@@ -0,0 +1,24 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.3
+
+ScrollView {
+	width: parent.width
+	height:parent.height
+	y: header.height
+	id: root
+
+	ColumnLayout {
+		width: parent.width
+		anchors.horizontalCenter: parent.horizontalCenter
+		spacing: 0
+	}
+
+	// For each child of index not of 0, append as child of index of 0. 
+	// Append children of the custom element to the ColumnLayout.
+	Component.onCompleted: {
+		for (var i = 1; i < root.contentChildren.length; i++) {
+			root.contentChildren[i].parent = root.contentChildren[0]
+        }
+	}
+}

scripts/system/settings/settings.qml

@@ -23,23 +23,14 @@ Rectangle {
 	}
 
 	// Home page
-	ScrollView {
-		width: parent.width
-		height:parent.height
-		y: header.height
+	SettingCenterContainer {
 		id: home_page
+        visible: current_page == "Settings"
 
-		ColumnLayout {
-			width: parent.width
-			visible: current_page == "Settings"
-			anchors.horizontalCenter: parent.horizontalCenter
-			spacing: 0
-
-			Repeater {
-				model: pages.length
-				delegate: SettingSubviewListElement {
-					property string page_name: pages[index];
-				}
+		Repeater {
+			model: pages.length
+			delegate: SettingSubviewListElement {
+				property string page_name: pages[index];
 			}
 		}
 	}
@@ -459,6 +450,14 @@ Rectangle {
 		}
 	}
 
+	// Audio
+	SettingCenterContainer {
+		id: audio_page
+        visible: current_page == "Audio"
+	}
+
+
+
     // Templates
 
     // Messages from script