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/user/DashboardView.vue

@@ -49,10 +49,14 @@
     </header>
 
     <PullRefresh v-model="refreshing" @refresh="onRefresh">
-    <container class="dash__body">
+      <template #pulling><Loading size="18" /></template>
+      <template #loosing><Loading size="18" /></template>
+      <template #loading><Loading size="18" /></template>
+      <template #success><span /></template>
+    <container class="dash__body" :class="{ 'is-revealed': revealed }">
       <!-- Signed in: real position from GET /customers/:id -->
       <template v-if="customer">
-        <section class="dash__balance">
+        <section class="dash__balance reveal" :style="revealDelay(0)">
           <div class="dash__balanceHead">
             <div>
               <div class="dash__eyebrow">{{ remainText }}</div>
@@ -79,7 +83,7 @@
       </template>
 
       <!-- Signed out: a quiet invitation, no fabricated numbers -->
-      <section v-else class="dash__invite">
+      <section v-else class="dash__invite reveal" :style="revealDelay(0)">
         <div class="dash__inviteIcon" aria-hidden="true">
           <Icon icon="vuesax-linear:security-user" size="20" />
         </div>
@@ -93,7 +97,7 @@
       </section>
 
       <!-- Nav grid -->
-      <section class="dash__section">
+      <section class="dash__section reveal" :style="revealDelay(1)">
         <SectionHead title="دسترسی‌ها" subtitle="بخش‌های حساب شما" />
         <div class="dash__grid">
           <button
@@ -113,7 +117,7 @@
       </section>
 
       <!-- Live 18k rate — same strip the home screen uses -->
-      <section class="dash__section">
+      <section class="dash__section reveal" :style="revealDelay(2)">
         <SectionHead title="نرخ روز" subtitle="آخرین نرخ اعلام‌شده" />
         <RateStrip :quote="goldPrice" />
       </section>
@@ -126,7 +130,7 @@
       </template>
       <template v-slot:title>آیا می خواهید از برنامه خارج شوید؟</template>
       <template v-slot:button>
-        <div class="text-center text-[#1C2D56]" @click="logOut">بله</div>
+        <div class="text-center text-[#23493c]" @click="logOut">بله</div>
         <div class="text-center text-[#6b7280]" @click="data.notify = false">بی خیال</div>
       </template>
     </DialogVant>
@@ -142,7 +146,7 @@
         </div>
       </template>
       <template v-slot:button>
-        <div class="text-center text-[#1C2D56]" @click="router.push({ name: 'login' })">ورود/ثبت نام</div>
+        <div class="text-center text-[#23493c]" @click="router.push({ name: 'login' })">ورود/ثبت نام</div>
         <div class="text-center text-danger" @click="data.loginNotify = false">بیخیال</div>
       </template>
     </DialogVant>
@@ -152,7 +156,7 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
-import { PullRefresh } from 'vant'
+import { Loading, PullRefresh } from 'vant'
 import Icon from '../../components/icon/Icon.vue'
 import SectionHead from '../../components/home/SectionHead.vue'
 import RateStrip from '../../components/home/RateStrip.vue'
@@ -161,6 +165,7 @@ import exitImage from '../../assets/img/empty/dialogEmpty5.svg'
 import loginDialogImage from '../../assets/img/empty/dialogEmpty1.svg'
 import { price } from '../../utils/filters'
 import { useSessionStore } from '../../stores/session'
+import { useReveal } from '../../composables/useReveal'
 import { api, type CustomerDetail, type GoldPriceQuote } from '../../api/client'
 
 const router = useRouter()
@@ -243,7 +248,14 @@ async function onRefresh() {
   refreshing.value = false
 }
 
-onMounted(loadDashboard)
+// First-paint entrance, the same choreography HomeView uses: played once,
+// after the first load; pull-to-refresh and tab returns don't replay it.
+const { revealed, revealDelay, reveal } = useReveal('dashboard')
+
+onMounted(async () => {
+  await loadDashboard()
+  reveal()
+})
 </script>
 
 <style scoped lang="less">
@@ -311,7 +323,7 @@ onMounted(loadDashboard)
 .dash__balance {
   padding: 16px;
   border-radius: 20px;
-  background: @ink;
+  background: @primary;
   color: #fff;
   box-shadow: 0 14px 30px -22px rgba(20, 22, 26, 0.95);
 }
@@ -455,7 +467,7 @@ onMounted(loadDashboard)
   font-size: 11.5px;
   font-weight: 700;
   color: #fff;
-  background: @ink;
+  background: @primary;
 }
 
 .dash__section {