Initial commit: Meshkee dashboards monorepo.

Includes business, customer, and super-admin apps with shared packages and production deploy scripts.

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/dashboard-ui/src/components/Pagination.tsx

@@ -0,0 +1,59 @@
+import { ChevronLeft, ChevronRight } from 'lucide-react'
+import styles from './Pagination.module.css'
+
+interface PaginationProps {
+  currentPage: number
+  totalPages: number
+  onPageChange: (page: number) => void
+  ariaLabel?: string
+}
+
+export function Pagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  ariaLabel = 'Pagination',
+}: PaginationProps) {
+  if (totalPages <= 1) return null
+
+  const pages = Array.from({ length: totalPages }, (_, i) => i + 1)
+
+  return (
+    <nav className={styles.pagination} aria-label={ariaLabel}>
+      <button
+        type="button"
+        className={styles.navBtn}
+        onClick={() => onPageChange(currentPage - 1)}
+        disabled={currentPage === 1}
+        aria-label="Previous page"
+      >
+        <ChevronLeft size={18} />
+      </button>
+
+      <div className={styles.pages}>
+        {pages.map((page) => (
+          <button
+            key={page}
+            type="button"
+            className={`${styles.pageBtn} ${page === currentPage ? styles.active : ''}`}
+            onClick={() => onPageChange(page)}
+            aria-label={`Page ${page}`}
+            aria-current={page === currentPage ? 'page' : undefined}
+          >
+            {page}
+          </button>
+        ))}
+      </div>
+
+      <button
+        type="button"
+        className={styles.navBtn}
+        onClick={() => onPageChange(currentPage + 1)}
+        disabled={currentPage === totalPages}
+        aria-label="Next page"
+      >
+        <ChevronRight size={18} />
+      </button>
+    </nav>
+  )
+}