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>

apps/super-admin/src/components/Modal.tsx

@@ -0,0 +1,39 @@
+import { useEffect } from 'react'
+import { X } from 'lucide-react'
+import styles from './Modal.module.css'
+
+interface ModalProps {
+  open: boolean
+  title: string
+  children: React.ReactNode
+  onClose: () => void
+  wide?: boolean
+}
+
+export function Modal({ open, title, children, onClose, wide }: ModalProps) {
+  useEffect(() => {
+    if (!open) return
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose()
+    }
+    document.addEventListener('keydown', onKey)
+    return () => document.removeEventListener('keydown', onKey)
+  }, [open, onClose])
+
+  if (!open) return null
+
+  return (
+    <div className={styles.overlay} role="dialog" aria-modal="true" onClick={onClose}>
+      <div className={`${styles.modal} ${wide ? styles.modalWide : ''}`} onClick={(e) => e.stopPropagation()}>
+        <div className={styles.header}>
+          <h3 className={styles.title}>{title}</h3>
+          <button type="button" className={styles.closeBtn} onClick={onClose} aria-label="Close">
+            <X size={18} />
+          </button>
+        </div>
+        <div className={styles.body}>{children}</div>
+      </div>
+    </div>
+  )
+}
+