refactor: compact monitor install and expert dashboards

Author: Sopwit

src/qml/Main.qml

@@ -10,6 +10,7 @@ ApplicationWindow {
     minimumWidth: 1120
     minimumHeight: 760
     title: qsTr("ro-Control")
+    font.family: "Noto Sans"
 
     readonly property string themeMode: "light"
     readonly property bool darkMode: false
@@ -116,8 +117,8 @@ ApplicationWindow {
                         Label {
                             text: modelData.label + ":"
                             color: root.theme.textSoft
-                            font.pixelSize: 14
-                            font.weight: Font.DemiBold
+                            font.pixelSize: 13
+                            font.weight: Font.Medium
                         }
 
                         Rectangle {
@@ -131,8 +132,8 @@ ApplicationWindow {
                                 anchors.centerIn: parent
                                 text: modelData.value
                                 color: root.theme.topbarValue
-                                font.pixelSize: 14
-                                font.weight: Font.Bold
+                                font.pixelSize: 13
+                                font.weight: Font.DemiBold
                             }
                         }
                     }
@@ -154,8 +155,8 @@ ApplicationWindow {
                         anchors.centerIn: parent
                         text: "\uD83C\uDF10"
                         color: root.theme.text
-                        font.pixelSize: 17
-                        font.weight: Font.Bold
+                        font.pixelSize: 16
+                        font.weight: Font.Medium
                     }
 
                     MouseArea {

src/qml/components/SectionPanel.qml

@@ -29,8 +29,8 @@ Rectangle {
 
             Label {
                 text: panel.title
-                font.pixelSize: 17
-                font.weight: Font.DemiBold
+                font.pixelSize: 16
+                font.weight: Font.Medium
                 color: panel.theme.text
                 visible: text.length > 0
                 Layout.fillWidth: true

src/qml/components/SidebarMenu.qml

@@ -69,17 +69,17 @@ Rectangle {
                             anchors.centerIn: parent
                             text: menuCard.modelData.marker
                             color: sidebar.currentIndex === index ? "#ffffff" : theme.sidebarMuted
-                            font.pixelSize: 20
-                            font.weight: Font.Bold
+                            font.pixelSize: 18
+                            font.weight: Font.DemiBold
                         }
                     }
 
                     Label {
                         Layout.fillWidth: true
                         text: menuCard.modelData.title
                         color: sidebar.currentIndex === index ? theme.sidebarText : theme.sidebarText
-                        font.pixelSize: 18
-                        font.weight: sidebar.currentIndex === index ? Font.Bold : Font.DemiBold
+                        font.pixelSize: 16
+                        font.weight: sidebar.currentIndex === index ? Font.DemiBold : Font.Medium
                     }
 
                     Rectangle {