Switch from DropdownButton to StyledComboBox

dots/.config/quickshell/ii/modules/settings/GeneralConfig.qml

@@ -128,7 +128,7 @@ ContentPage {
             }
         }
     }
-    
+
     ContentSection {
         icon: "language"
         title: Translation.tr("Language")
@@ -137,14 +137,12 @@ ContentPage {
             title: Translation.tr("Interface Language")
             tooltip: Translation.tr("Select the language for the user interface.\n\"Auto\" will use your system's locale.")
 
-            DropdownButton {
+            StyledComboBox {
                 id: languageSelector
                 buttonIcon: "language"
-                currentValue: Config.options.language.ui
-                onSelected: newValue => {
-                    Config.options.language.ui = newValue;
-                }
-                options: [
+                textRole: "displayName"
+
+                model: [
                     {
                         displayName: Translation.tr("Auto (System)"),
                         value: "auto"
@@ -154,14 +152,26 @@ ContentPage {
                             displayName: lang,
                             value: lang
                         };
-                    })
-                ]
+                    })]
+
+                Component.onCompleted: {
+                    for (let i = 0; i < model.length; i++) {
+                        if (model[i].value === Config.options.language.ui) {
+                            currentIndex = i;
+                            break;
+                        }
+                    }
+                }
+
+                onActivated: index => {
+                    Config.options.language.ui = model[index].value;
+                }
             }
         }
         ContentSubsection {
             title: Translation.tr("Generate translation with Gemini")
             tooltip: Translation.tr("You'll need to enter your Gemini API key first.\nType /key on the sidebar for instructions.")
-            
+
             ConfigRow {
                 MaterialTextArea {
                     id: localeInput
@@ -196,7 +206,7 @@ ContentPage {
                 ContentSubsectionLabel {
                     text: Translation.tr("AI")
                 }
-                
+
                 ConfigSelectionArray {
                     currentValue: Config.options.policies.ai
                     onSelected: newValue => {
@@ -279,7 +289,7 @@ ContentPage {
             }
         }
     }
-    
+
     ContentSection {
         icon: "nest_clock_farsight_analog"
         title: Translation.tr("Time")
@@ -310,7 +320,6 @@ ContentPage {
                     }
 
                     Config.options.time.format = newValue;
-                    
                 }
                 options: [
                     {