controlcenter: added collapse/expand all to apperaance and taskbar

modules/controlcenter/appearance/AppearancePane.qml

@@ -141,6 +141,17 @@ RowLayout {
                     anchors.right: parent.right
                     spacing: Appearance.spacing.small
 
+                    readonly property bool allSectionsExpanded: 
+                        themeModeSection.expanded &&
+                        colorVariantSection.expanded &&
+                        colorSchemeSection.expanded &&
+                        animationsSection.expanded &&
+                        fontsSection.expanded &&
+                        scalesSection.expanded &&
+                        transparencySection.expanded &&
+                        borderSection.expanded &&
+                        backgroundSection.expanded
+
                 RowLayout {
                     spacing: Appearance.spacing.smaller
 
@@ -153,6 +164,24 @@ RowLayout {
                     Item {
                         Layout.fillWidth: true
                     }
+
+                    IconButton {
+                        icon: sidebarLayout.allSectionsExpanded ? "unfold_less" : "unfold_more"
+                        type: IconButton.Text
+                        label.animate: true
+                        onClicked: {
+                            const shouldExpand = !sidebarLayout.allSectionsExpanded;
+                            themeModeSection.expanded = shouldExpand;
+                            colorVariantSection.expanded = shouldExpand;
+                            colorSchemeSection.expanded = shouldExpand;
+                            animationsSection.expanded = shouldExpand;
+                            fontsSection.expanded = shouldExpand;
+                            scalesSection.expanded = shouldExpand;
+                            transparencySection.expanded = shouldExpand;
+                            borderSection.expanded = shouldExpand;
+                            backgroundSection.expanded = shouldExpand;
+                        }
+                    }
                 }
 
                 CollapsibleSection {

modules/controlcenter/taskbar/TaskbarPane.qml

@@ -175,6 +175,13 @@ RowLayout {
 
                     spacing: Appearance.spacing.small
 
+                    readonly property bool allSectionsExpanded: 
+                        clockSection.expanded &&
+                        barBehaviorSection.expanded &&
+                        statusIconsSection.expanded &&
+                        traySettingsSection.expanded &&
+                        workspacesSection.expanded
+
                     RowLayout {
                         spacing: Appearance.spacing.smaller
 
@@ -187,6 +194,20 @@ RowLayout {
                         Item {
                             Layout.fillWidth: true
                         }
+
+                        IconButton {
+                            icon: sidebarLayout.allSectionsExpanded ? "unfold_less" : "unfold_more"
+                            type: IconButton.Text
+                            label.animate: true
+                            onClicked: {
+                                const shouldExpand = !sidebarLayout.allSectionsExpanded;
+                                clockSection.expanded = shouldExpand;
+                                barBehaviorSection.expanded = shouldExpand;
+                                statusIconsSection.expanded = shouldExpand;
+                                traySettingsSection.expanded = shouldExpand;
+                                workspacesSection.expanded = shouldExpand;
+                            }
+                        }
                     }
 
             CollapsibleSection {