Remove dependency on tailwind elements and switch to using tail.select (Smaller lib, that resolves duplication of selects on back/forward)

templates/partials/topset.html

@@ -8,13 +8,17 @@
             }}</span>
         {% else %}
         <div class="w-full">
-            <select data-te-select-init data-te-select-filter="true" data-te-select-size="lg" name="exercise_id"
+            <select name="exercise_id"
                 class="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
                 _="init js(me)
-                    te.Select.getOrCreateInstance(me).setValue('{{ exercise_id }}')
-                end">
+                            tail.select(me, {
+                                search: true,
+                                placeholder: 'Filter exercises',
+                            })
+                        end">
                 {% for exercise in exercises|default([], true) %}
-                <option value="{{ exercise['ExerciseId'] }}">{{
+                <option value="{{ exercise['ExerciseId'] }}" {% if exercise['ExerciseId']==exercise_id %}selected{%
+                    endif %}>{{
                     exercise['Name']
                     }}</option>
                 {% endfor %}