Remove dependency on tail select component and instead role my own to minmise bundle size

templates/partials/topset.html

@@ -21,19 +21,13 @@
         </div>
         {% else %}
         <div class="w-full">
-            <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)
-                            tail.select(me, {
-                                search: true,
-                                placeholder: 'Filter exercises',
-                            })
-                        end">
-                {% for exercise in exercises|default([], true) %}
-                <option value="{{ exercise.exercise_id }}" {% if exercise.exercise_id==exercise_id %}selected{% endif
-                    %}>{{ exercise.name }}</option>
-                {% endfor %}
-            </select>
+            {{ render_partial('partials/custom_select.html',
+            name='exercise_id',
+            options=exercises|default([], true),
+            multiple=false,
+            search=true,
+            placeholder='Filter exercises')
+            }}
         </div>
         {% endif %}
     </td>