Added sorting/filters to the downloads page (#53)

* version bump

* added sorting order/Search to Downloadspage

- you can now change the order in which items are sorted on the downloadspage (Date, Name, Size, Type Series/Movie)
- there is also a button to change the visibility of video files that have no metadata in the app
- added a search feature to filter your downloaded files
- added info about the ctrl+k shortcut which opens search in settings and on the downloadspage to the keyboard shortcuts modal

* downloads order is now persistant

- the sorting order you chose on the downloadspage is now persistent over app-restarts
- performance optimizations on downloadspage

Author: truelockmc

src/App.jsx

@@ -40,6 +40,7 @@ export default function App() {
   const [page, setPage] = useState(() => storage.get("startPage") || "home");
   const [selected, setSelected] = useState(null);
   const [showSearch, setShowSearch] = useState(false);
+  const [dlSearchOpen, setDlSearchOpen] = useState(false);
   const [librarySort, setLibrarySort] = useState(
     () => storage.get(STORAGE_KEYS.LIBRARY_SORT) || "manual",
   );
@@ -575,6 +576,12 @@ export default function App() {
         e.preventDefault();
         setShowSearch(true);
       }
+      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+        if (pageRef.current === "downloads") {
+          e.preventDefault();
+          setDlSearchOpen(true);
+        }
+      }
       if (e.key === "Escape") {
         setShowSearch(false);
         setShowShortcuts(false);
@@ -966,6 +973,8 @@ export default function App() {
                 highlightId={highlightDownload}
                 onClearHighlight={() => setHighlightDownload(null)}
                 onSelect={handleSelectResult}
+                searchOpen={dlSearchOpen}
+                onSearchClose={() => setDlSearchOpen(false)}
                 onSettings={(section) =>
                   navigate("settings", { section: section || null })
                 }

src/components/KeyboardShortcutsModal.jsx

@@ -2,6 +2,7 @@
 export default function KeyboardShortcutsModal({ onClose }) {
   const shortcuts = [
     { keys: ["Ctrl", "F"], desc: "Open search" },
+    { keys: ["Ctrl", "K"], desc: "Search on a page" },
     { keys: ["Esc"], desc: "Close search / modal" },
     { keys: ["Ctrl", "Z"], desc: "Navigate back" },
     { keys: ["Ctrl", "R"], desc: "Reload app" },