fix(mobile): add type=button and remove overlay

frontend/src/components/torrent/table.rs

@@ -339,14 +339,6 @@ pub fn TorrentTable() -> impl IntoView {
             </div>
 
                         <div class="md:hidden flex flex-col h-full bg-base-200 relative">
-                            // Transparent overlay to close sort dropdown
-                            <Show when=move || sort_open.get()>
-                                <div
-                                    class="fixed inset-0 z-[98] cursor-default"
-                                    on:pointerdown=move |_| set_sort_open.set(false)
-                                ></div>
-                            </Show>
-
                             <div class="px-3 py-2 border-b border-base-200 flex justify-between items-center bg-base-100/95 backdrop-blur z-10 shrink-0">
                                 <span class="text-xs font-bold opacity-50 uppercase tracking-wider">"Torrents"</span>
 
@@ -368,7 +360,6 @@ pub fn TorrentTable() -> impl IntoView {
                                     <ul
                                         class="absolute top-full right-0 z-[100] menu p-2 shadow bg-base-100 rounded-box w-48 mt-1 border border-base-200 text-xs"
                                         style=move || if sort_open.get() { "display: block" } else { "display: none" }
-                                        on:pointerdown=move |e| e.stop_propagation()
                                     >
                                          <li class="menu-title px-2 py-1 opacity-50 text-[10px] uppercase font-bold">"Sort By"</li>
                                          {
@@ -383,20 +374,21 @@ pub fn TorrentTable() -> impl IntoView {
                                                   (SortColumn::AddedDate, "Date"),
                                               ];
 
-                                             columns.into_iter().map(|(col, label)| {
+                                              columns.into_iter().map(|(col, label)| {
-                                                 let is_active = move || sort_col.get() == col;
+                                                  let is_active = move || sort_col.get() == col;
-                                                 let current_dir = move || sort_dir.get();
+                                                  let current_dir = move || sort_dir.get();
 
-                                                 view! {
+                                                  view! {
-                                                     <li>
+                                                      <li>
-                                                         <button
+                                                          <button
-                                                             class=move || if is_active() { "bg-primary/10 text-primary font-bold flex justify-between" } else { "flex justify-between" }
+                                                              type="button"
-                                                             on:pointerdown=move |e| {
+                                                              class=move || if is_active() { "bg-primary/10 text-primary font-bold flex justify-between" } else { "flex justify-between" }
-                                                                 e.stop_propagation();
+                                                              on:pointerdown=move |e| {
-                                                                 handle_sort(col);
+                                                                  e.stop_propagation();
-                                                                 set_sort_open.set(false);
+                                                                  handle_sort(col);
-                                                             }
+                                                                  set_sort_open.set(false);
-                                                         >
+                                                              }
+                                                          >
                                                              {label}
                                                              <Show when=is_active fallback=|| ()>
                                                                  <span class="opacity-70 text-[10px]">