preferred quality setting

frontend/js/ui.js

@@ -11,6 +11,11 @@ App.ui = App.ui || {};
         if (select) select.value = theme;
     };
 
+    App.ui.applyPreferredQuality = function() {
+        const select = document.getElementById('quality-select');
+        if (select) select.value = App.storage.getPreferredQuality();
+    };
+
     // Toast helper for playback + network errors.
     App.ui.showError = function(message) {
         const toast = document.getElementById('error-toast');
@@ -234,6 +239,13 @@ App.ui = App.ui || {};
             };
         }
 
+        const qualitySelect = document.getElementById('quality-select');
+        if (qualitySelect) {
+            qualitySelect.onchange = () => {
+                App.storage.setPreferredQuality(qualitySelect.value);
+            };
+        }
+
         if (favoritesToggle) {
             favoritesToggle.checked = App.favorites.isVisible();
             favoritesToggle.onchange = () => {