MediaCard: resize, made title text bigger

SystemMonitorCard: made more compact
WeatherCard: made more compact
ControlCenterPanel: adjust height

Modules/ControlCenter/ControlCenterPanel.qml

@@ -11,7 +11,7 @@ NPanel {
   id: root
 
   preferredWidth: 460
-  preferredHeight: 734
+  preferredHeight: 740
   panelKeyboardFocus: true
 
   // Positioning
@@ -44,13 +44,13 @@ NPanel {
 
       WeatherCard {
         Layout.fillWidth: true
-        Layout.preferredHeight: Math.max(220 * scaling)
+        Layout.preferredHeight: Math.max(190 * scaling)
       }
 
       // Middle section: media + stats column
       RowLayout {
         Layout.fillWidth: true
-        Layout.preferredHeight: Math.max(310 * scaling)
+        Layout.preferredHeight: Math.max(260 * scaling)
         spacing: content.cardSpacing
 
         // Media card
@@ -66,6 +66,12 @@ NPanel {
         }
       }
 
+      // Audio card below media and system monitor
+      AudioCard {
+        Layout.fillWidth: true
+        Layout.preferredHeight: Math.max(120 * scaling)
+      }
+
       // Bottom actions (two grouped rows of round buttons)
       RowLayout {
         Layout.fillWidth: true