Add store items pagination and fix modal backdrop blur across dashboards.

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

apps/business/src/components/CategoryModal.module.css

@@ -1,9 +1,8 @@
 .overlay {
   position: fixed;
   inset: 0;
-  background: rgba(15, 23, 42, 0.25);
-  backdrop-filter: blur(6px);
-  -webkit-backdrop-filter: blur(6px);
+  isolation: isolate;
+  background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11,6 +10,19 @@
   padding: 20px;
 }
 
+/* Tint + blur on ::before so opacity animations on .overlay cannot disable backdrop-filter. */
+.overlay::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  background: var(--modal-overlay-bg);
+  backdrop-filter: blur(var(--modal-overlay-blur));
+  -webkit-backdrop-filter: blur(var(--modal-overlay-blur));
+}
+
+
 .modal {
   width: 100%;
   max-width: 480px;
@@ -147,14 +159,6 @@
   box-shadow: 0 6px 16px rgba(var(--primary-rgb) / 0.35);
 }
 
-.overlayIn {
-  animation: overlayFadeIn 0.22s ease forwards;
-}
-
-.overlayOut {
-  animation: overlayFadeOut 0.22s ease forwards;
-}
-
 .modalIn {
   animation: modalFadeIn 0.25s ease forwards;
 }
@@ -162,17 +166,6 @@
 .modalOut {
   animation: modalFadeOut 0.22s ease forwards;
 }
-
-@keyframes overlayFadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes overlayFadeOut {
-  from { opacity: 1; }
-  to { opacity: 0; }
-}
-
 @keyframes modalFadeIn {
   from {
     opacity: 0;