Add product pagination and enable BestBuy

Implement client-side pagination for the products grid: add PRODUCTS_PER_PAGE, currentProductPage, offset in /products requests, renderPagination(), and changeProductPage() (with smooth scroll). Reset page when filters or event filters change and render empty-state pagination. Add pagination container to the template and styles for pagination buttons and info. Also enable "bestbuy" in SITES_ENABLED in config.py and add a taskkill line to .claude/settings.local.json for closing stray python.exe processes.

dashboard/static/app.js

@@ -6,6 +6,8 @@ const API_BASE = '/api';
 let currentPage = 'dashboard';
 let charts = {};
 let currentEventFilter = null;  // { type: 'new_drop'|'restock', period: 'today'|'week' }
+let currentProductPage = 1;
+const PRODUCTS_PER_PAGE = 50;
 
 // Initialize
 document.addEventListener('DOMContentLoaded', () => {
@@ -81,6 +83,7 @@ function initEventListeners() {
     if (el) {
       el.addEventListener('change', () => {
         currentEventFilter = null;  // Clear event filter when using regular filters
+        currentProductPage = 1;
         loadProducts();
       });
     }
@@ -106,6 +109,7 @@ function clearAllFilters() {
   document.getElementById('filterStock').value = '';
   document.getElementById('filterFavorites').checked = false;
   currentEventFilter = null;
+  currentProductPage = 1;
   loadProducts();
 }
 
@@ -296,12 +300,14 @@ async function loadActivityFeed() {
 // Navigate to products filtered by event type
 function goToFilteredProducts(eventType, period) {
   currentEventFilter = { type: eventType, period: period };
+  currentProductPage = 1;
   navigateTo('products');
 }
 
 // Clear event filter
 function clearEventFilter() {
   currentEventFilter = null;
+  currentProductPage = 1;
   loadProducts();
 }
 
@@ -311,8 +317,9 @@ async function loadProducts() {
   const category = document.getElementById('filterCategory')?.value || '';
   const inStock = document.getElementById('filterStock')?.value || '';
   const favoritesOnly = document.getElementById('filterFavorites')?.checked || false;
+  const offset = (currentProductPage - 1) * PRODUCTS_PER_PAGE;
 
-  let url = '/products?limit=50';
+  let url = `/products?limit=${PRODUCTS_PER_PAGE}&offset=${offset}`;
   if (site) url += `&site=${site}`;
   if (category) url += `&category=${encodeURIComponent(category)}`;
   if (inStock) url += `&in_stock=${inStock}`;
@@ -333,6 +340,7 @@ async function loadProducts() {
 
   if (data.products.length === 0) {
     grid.innerHTML = '<div class="loading">No products found</div>';
+    renderPagination(0);
     return;
   }
 
@@ -376,6 +384,36 @@ async function loadProducts() {
       </div>
     `;
   }).join('');
+
+  renderPagination(data.total || 0);
+}
+
+function renderPagination(total) {
+  const container = document.getElementById('productsPagination');
+  if (!container) return;
+
+  const totalPages = Math.ceil(total / PRODUCTS_PER_PAGE);
+  if (totalPages <= 1) {
+    container.innerHTML = '';
+    return;
+  }
+
+  const start = (currentProductPage - 1) * PRODUCTS_PER_PAGE + 1;
+  const end = Math.min(currentProductPage * PRODUCTS_PER_PAGE, total);
+
+  container.innerHTML = `
+    <div class="pagination">
+      <button class="btn-page" onclick="changeProductPage(${currentProductPage - 1})" ${currentProductPage === 1 ? 'disabled' : ''}>&laquo; Prev</button>
+      <span class="page-info">Page ${currentProductPage} of ${totalPages} &nbsp;(${start}–${end} of ${total})</span>
+      <button class="btn-page" onclick="changeProductPage(${currentProductPage + 1})" ${currentProductPage === totalPages ? 'disabled' : ''}>Next &raquo;</button>
+    </div>
+  `;
+}
+
+function changeProductPage(page) {
+  currentProductPage = page;
+  loadProducts();
+  document.getElementById('page-products').scrollIntoView({ behavior: 'smooth' });
 }
 
 // Handle product image errors by showing store icon