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"

templates/search/result.html.twig

@@ -115,7 +115,10 @@
                 <twig:Filter results="{{ results }}" filter="{{ filter }}" />
 
                 {% if "movies" == results.media.mediaType %}
-                <div class="results" {{ stimulus_controller('movie_results', {title: results.media.title, tmdbId: results.media.tmdbId, imdbId: results.media.imdbId}) }}>
+                <div class="results"
+                     {{ stimulus_controller('movie_results', {title: results.media.title, tmdbId: results.media.tmdbId, imdbId: results.media.imdbId}) }}
+                     data-movie-results-loading-icon-outlet=".loading-icon"
+                >
                 </div>
                 {% elseif "tvshows" == results.media.mediaType %}
                     <twig:TvEpisodeList

templates/user/preferences.html.twig

@@ -7,6 +7,20 @@
     <twig:Card title="Media Preferences" class="w-full">
         <p class="text-gray-50 mb-2">Define a filter to be pre-applied to your download options.</p>
         <form id="media_preferences" class="flex flex-col max-w-64" name="media_preferences" method="post" action="{{ path('app_save_media_preferences') }}">
+            <label class="text-gray-50" for="quality">Quality</label>
+            <select class="p-1.5 rounded-md mb-2" name="quality" id="quality" value="{{ mediaPreferences['quality'].getPreferenceValue() }}">
+                <option class="text-gray-800"
+                        value=""
+                        {{ mediaPreferences['quality'].getPreferenceValue() is null ? "selected" }}
+                >n/a</option>
+                {% for quality in qualities %}
+                    <option class="text-gray-800"
+                            value="{{ quality }}"
+                            {{ quality == mediaPreferences['quality'].getPreferenceValue() ? "selected" }}
+                    >{{ quality }}</option>
+                {% endfor %}
+            </select>
+
             <label class="text-gray-50" for="resolution">Resolution</label>
             <select class="p-1.5 rounded-md mb-2" name="resolution" id="resolution" value="{{ mediaPreferences['resolution'].getPreferenceValue() }}">
                 <option class="text-gray-800"