ui: move search results below download/extract controls

Search bar stays at top as the "command center".
Download queue and extract controls follow.
Results render at the bottom — the main scrolling area.

web/ui/app.js

@@ -29,6 +29,7 @@ async function doSearch() {
     const resp = await fetch(`${API}/search?${params}`);
     const data = await resp.json();
     status.textContent = `Found ${data.length} items`;
+    document.getElementById('result-count').textContent = `(${data.length})`;
     renderResults(data);
   } catch (e) {
     status.textContent = 'Search failed: ' + e.message;

web/ui/index.html

@@ -22,7 +22,6 @@
       <button id="search-dl-all">Download Top 10</button>
     </div>
     <div id="search-status"></div>
-    <div id="search-results"></div>
   </section>
 
   <section id="download-section">
@@ -39,6 +38,11 @@
     </div>
     <div id="extract-status"></div>
   </section>
+
+  <section id="results-section">
+    <h2>Results <span id="result-count"></span></h2>
+    <div id="search-results"></div>
+  </section>
 </div>
 <script src="app.js"></script>
 </body>