Add a Card Search tab and fix horizontal-card (Battle/Plane) preview orientation

Card Search browses the whole downloaded card universe (not just owned
cards), reusing the Library tab's filter/group/sort/list/tiles UI; results
show ownership and offer quick "own" and "add to deck" actions.

Battles, Planes, and Phenomena store their Scryfall image portrait-shaped
with the content itself rotated, so hover/click previews now detect this
(a new `horizontal` flag threaded through ingest and every card query, with
graceful fallback for a reference.db built before the column existed) and
rotate the image back into place. Single-faced and non-DFC cases are
verified fixed; a double-faced Battle's front face still needs another pass.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/views/LibraryBrowser.tsx

@@ -12,9 +12,13 @@ import {
   LocationField,
   PromptDialog,
   QtyStepper,
+  SortBySelect,
+  SortDir,
+  SortMode,
   TagInput,
   ViewToggle,
   groupCards,
+  sortCards,
   usePersistedState,
   useViewMode,
 } from "../components";
@@ -56,6 +60,8 @@ export function LibraryBrowser({
   const [rows, setRows] = useState<LibraryCard[]>([]);
   const [view, setView] = useViewMode("library-view");
   const [groupBy, setGroupBy] = usePersistedState<GroupMode>("library-group", "none");
+  const [sortBy, setSortBy] = usePersistedState<SortMode>("library-sort", "name");
+  const [sortDir, setSortDir] = usePersistedState<SortDir>("library-sort-dir", "asc");
   const [refreshKey, setRefreshKey] = useState(0);
   const [pendingRemoval, setPendingRemoval] = useState<Set<string>>(new Set());
   const removalTimers = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());
@@ -389,7 +395,7 @@ export function LibraryBrowser({
     );
   }
 
-  const groups = groupCards(rows, groupBy);
+  const groups = groupCards(sortCards(rows, sortBy, sortDir), groupBy);
 
   return (
     <div>
@@ -414,6 +420,12 @@ export function LibraryBrowser({
         <div className="row" style={{ gap: 16 }}>
           <button onClick={pickImportFile}>Import cards…</button>
           <GroupBySelect value={groupBy} onChange={setGroupBy} />
+          <SortBySelect
+            value={sortBy}
+            dir={sortDir}
+            onChangeValue={setSortBy}
+            onToggleDir={() => setSortDir(sortDir === "asc" ? "desc" : "asc")}
+          />
           <ViewToggle mode={view} onChange={setView} />
         </div>
       </div>