Fix audio tab in control center

- Swap between input and output components properly in loader

Modules/ControlCenter/AudioTab.qml

@@ -33,13 +33,18 @@ Item {
       }
     }
 
-    // Output Tab - Loader
+    // Single Loader that switches between Output and Input
     Loader {
       width: parent.width
       height: parent.height - 48
-      active: audioTab.audioSubTab === 0
       asynchronous: true
-      sourceComponent: Component {
+      sourceComponent: audioTab.audioSubTab === 0 ? outputTabComponent : inputTabComponent
+    }
+  }
+
+  // Output Tab Component
+  Component {
+    id: outputTabComponent
     DankFlickable {
       clip: true
       contentHeight: outputColumn.height
@@ -62,15 +67,10 @@ Item {
       }
     }
   }
-    }
 
-    // Input Tab - Loader
+  // Input Tab Component
-    Loader {
+  Component {
-      width: parent.width
+    id: inputTabComponent
-      height: parent.height - 48
-      active: audioTab.audioSubTab === 1
-      asynchronous: true
-      sourceComponent: Component {
     DankFlickable {
       clip: true
       contentHeight: inputColumn.height
@@ -93,8 +93,6 @@ Item {
       }
     }
   }
-    }
-  }
 
   // Volume Control Component
   Component {