add pagination across all admin and shop views

URL-based offset pagination with ?page=N for bookmarkable pages.
Admin views use push_patch, shop collection uses navigate links.
Responsive on mobile with horizontal-scroll tables and stacking
pagination controls. Includes dev seed script for testing.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

assets/css/admin/components.css

@@ -22,6 +22,8 @@
   min-height: 100vh;
   min-height: 100dvh;
   grid-column: 2;
+  min-width: 0;
+  overflow-x: hidden;
 }
 
 .admin-sidebar-wrapper {
@@ -249,6 +251,11 @@
 
 /* ── Tables ── */
 
+.admin-table-wrap {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
 .admin-table {
   width: 100%;
   border-collapse: collapse;
@@ -2125,12 +2132,15 @@
   min-height: 400px;
 }
 
+.media-grid-wrapper {
+  flex: 1;
+  min-width: 0;
+}
+
 .media-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
   gap: 0.75rem;
-  flex: 1;
-  min-width: 0;
   align-content: start;
 }
 
@@ -2469,4 +2479,52 @@
   }
 }
 
+/* ── Pagination ── */
+
+.admin-pagination {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  margin-top: 1rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--t-surface-sunken, var(--color-base-200));
+}
+
+.admin-pagination-showing {
+  font-size: 0.875rem;
+  color: color-mix(in oklch, var(--t-text-primary) 55%, transparent);
+  white-space: nowrap;
+}
+
+.admin-pagination-buttons {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  flex-wrap: wrap;
+}
+
+.admin-pagination-ellipsis {
+  padding-inline: 0.25rem;
+  font-size: 0.875rem;
+  color: color-mix(in oklch, var(--t-text-primary) 35%, transparent);
+}
+
+.admin-btn-disabled {
+  opacity: 0.35;
+  pointer-events: none;
+}
+
+@media (max-width: 35.99em) {
+  .admin-pagination {
+    justify-content: center;
+  }
+
+  .admin-pagination-showing {
+    width: 100%;
+    text-align: center;
+  }
+}
+
 } /* @layer admin */