fix: works with tv & movies

templates/components/Filter.html.twig

@@ -1,10 +1,10 @@
 <div id="filter" class="flex flex-col gap-4"
         {{ stimulus_controller('result_filter') }}
-        {{ stimulus_action('result_filter', 'filter', 'change') }}
      data-result-filter-media-type-value="{{ results.media.mediaType }}"
      data-result-filter-movie-results-outlet=".results"
      data-result-filter-tv-results-outlet=".results"
      data-result-filter-tv-episode-list-outlet=".episode-list"
+     data-action="change->result-filter#filter movie-results:optionsLoaded@window->result-filter#loadOptions tv-results:optionsLoaded@window->result-filter#loadOptions"
 >
     <div class="w-full p-4 flex flex-col md:flex-row gap-4 bg-stone-500 text-md text-gray-500 dark:text-gray-50 rounded-lg">
         <label for="resolution">
@@ -56,7 +56,7 @@
             </select>
         </label>
         <label for="quality">
-            Quality
+            Quality {{ this.userPreferences['quality'] }}
             <select id="quality"
                     data-result-filter-target="quality"
                     class="px-1 py-0.5 bg-stone-100 text-gray-800 rounded-md"