refactor(ui): replace modal dialogs with toast/sheet components

Remove DialogVant/NotifyVant and add Toast and Sheet components with
useToast, useReveal, and usePageTransition composables. Rework
Navigation, RegisterView, and styles across both apps; rebuild dist assets.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/user-app/src/views/HomeView.vue

@@ -40,20 +40,27 @@
       <template #loosing><Loading size="18" /></template>
       <template #loading><Loading size="18" /></template>
       <template #success><span /></template>
-    <container class="home__body">
-      <RateStrip :quote="goldPrice" class="home__rate" />
+    <container class="home__body" :class="{ 'is-revealed': revealed }">
+      <RateStrip :quote="goldPrice" class="home__rate reveal" :style="revealDelay(0)" />
 
-      <ShowcaseSlider v-if="slides.length" :slides="slides" class="home__hero" @select="onSlide" />
+      <ShowcaseSlider
+        v-if="slides.length"
+        :slides="slides"
+        class="home__hero reveal"
+        :style="revealDelay(1)"
+        @select="onSlide"
+      />
 
       <CategoryRail
         v-if="memory.cats.length"
         :categories="memory.cats"
         :active-id="null"
-        class="home__rail"
+        class="home__rail reveal"
+        :style="revealDelay(2)"
         @select="onCategory"
       />
 
-      <section v-if="featured" class="home__section">
+      <section v-if="featured" class="home__section reveal" :style="revealDelay(3)">
         <SectionHead
           title="برگزیده منتزر"
           subtitle="انتخاب‌شده از میان مجموعه‌های موجود"
@@ -67,7 +74,7 @@
         </div>
       </section>
 
-      <section v-if="newestProducts.length" class="home__section">
+      <section v-if="newestProducts.length" class="home__section reveal" :style="revealDelay(4)">
         <SectionHead
           title="تازه‌ها"
           subtitle="آخرین افزوده‌های مجموعه"
@@ -85,12 +92,12 @@
         </div>
       </section>
 
-      <section v-if="!loading && !products.length" class="home__empty">
+      <section v-if="!loading && !products.length" class="home__empty reveal" :style="revealDelay(3)">
         <Icon icon="vuesax-linear:box" size="26" />
         <p>هنوز محصولی در مجموعه ثبت نشده است.</p>
       </section>
 
-      <div class="home__trust">
+      <div class="home__trust reveal" :style="revealDelay(5)">
         <div class="home__trustItem">
           <Icon icon="vuesax-linear:shield-tick" size="18" />
           <span>خرید امن</span>
@@ -137,6 +144,7 @@ import { useConfigStore } from '../stores/configStore'
 import type { HomeCategory } from '../stores/configStore'
 import { useCartStore } from '../stores/cartStore'
 import { useFiltersStore } from '../stores/filtersStore'
+import { useReveal } from '../composables/useReveal'
 import { api } from '../api/client'
 import type { AdminSlide, GoldPriceQuote, ProductSummary } from '../api/client'
 
@@ -157,6 +165,11 @@ const adminSlides = ref<AdminSlide[] | null>(null)
 const productDrawer = ref(false)
 const activeProductId = ref<string | null>(null)
 
+// First-paint entrance: played once, after the first data load, so the
+// sections settle into place instead of popping in piecemeal. Pull-to-refresh
+// and later returns to this tab do not replay it.
+const { revealed, revealDelay, reveal } = useReveal('home')
+
 const featured = computed<ProductSummary | null>(() => products.value[0] ?? null)
 const gridProducts = computed(() => products.value.slice(1, 5))
 const newestProducts = computed(() => products.value.slice(5, 13))
@@ -271,6 +284,7 @@ async function onRefresh() {
 onMounted(async () => {
   await loadData()
   loading.value = false
+  reveal()
 })
 </script>