Port modular app notifications, pargar date display, and closed-store product UX.

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

src/App.vue

@@ -209,6 +209,9 @@ watch(
       return
     }
     resetAppSurfaceBackground()
+    void import('@/utils/safeAreaInsets').then(({ syncSafeAreaInsets }) => {
+      syncSafeAreaInsets()
+    })
   },
   { immediate: true },
 )
@@ -230,7 +233,12 @@ watch(
 /* ارتفاع نوار اعتبار + safe-area؛ منوی پایین با bottom: var(--app-credit-footer-offset) بالاتر از این نوار می‌نشیند */
 :root {
   --app-credit-bar-inner: 28px;
+  /* constant برای iOS قدیمی؛ env باید مستقیم هم در مصرف‌کننده‌ها تکرار شود */
+  --app-safe-top: 0px;
+  --app-safe-top: constant(safe-area-inset-top);
   --app-safe-top: env(safe-area-inset-top, 0px);
+  --app-safe-bottom: 0px;
+  --app-safe-bottom: constant(safe-area-inset-bottom);
   --app-safe-bottom: env(safe-area-inset-bottom, 0px);
   --app-home-header-offset: calc(4.25rem + var(--app-safe-top));
   --app-credit-footer-offset: calc(var(--app-credit-bar-inner) + var(--app-safe-bottom));
@@ -270,6 +278,12 @@ watch(
   box-sizing: content-box;
 }
 
+/* toast اعلان‌های اپ باید بالای نوار اعتبار باشد */
+.ant-notification .app-notif-toast,
+.app-notif-toast {
+  z-index: 1000001 !important;
+}
+
 .app-credit-footer--mobile {
   width: 100%;
   max-width: 426px;