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

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

apps/customer/src/components/VariationsModal.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,13 +10,23 @@
   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));
+}
+
+
 .overlayNested {
   z-index: 210;
 }
 
-.overlayIn { animation: overlayFadeIn 0.22s ease forwards; }
-.overlayOut { animation: overlayFadeOut 0.22s ease forwards; }
-
 .modal {
   width: 100%;
   max-width: 480px;
@@ -412,9 +421,6 @@
   color: #ef4444;
   margin-bottom: 12px;
 }
-
-@keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } }
-@keyframes overlayFadeOut { from { opacity: 1; } to { opacity: 0; } }
 @keyframes modalFadeIn {
   from { opacity: 0; transform: translateY(12px) scale(0.98); }
   to { opacity: 1; transform: translateY(0) scale(1); }