fix(ui): center page loading spinner and use accent spin color

Apply shared app-page-content-loading layout and theme-aligned spin dots across the app.

src/assets/css/ant.less

@@ -240,9 +240,9 @@
 }
 
 .ant-spin-dot-item {
-  background-color: @App-primary-color !important;
+  background-color: var(--color-primary, var(--App-secondary-color)) !important;
 }
 
 .ant-spin-dot i {
-  background-color: @App-primary-color !important;
+  background-color: var(--color-primary, var(--App-secondary-color)) !important;
 }

src/assets/css/main.less

@@ -465,4 +465,15 @@ body:has(.ant-modal-root .ant-modal-wrap:not([style*='display: none'])) {
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{
   color: white !important;
+}
+
+/* لودینگ محتوای صفحه — وسط ناحیه محتوا (موبایل و دسکتاپ یکسان) */
+.app-page-content-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: min(52vh, 22rem);
+  padding: 2rem 1rem;
 }

src/views/base/appNotifications/desktop/DesktopAppNotificationsView.vue

@@ -1,20 +1,21 @@
 <template>
   <div class="dapp-notif">
-    <header class="dapp-notif__top">
-      <div>
-        <p class="dapp-notif__eyebrow">اعلان‌ها</p>
-        <h1 class="dapp-notif__title">پیام‌های مدیریت</h1>
-      </div>
-    </header>
+    <BrowserNotificationPermissionBanner class="mb-4 max-w-3xl w-full" />
 
-    <BrowserNotificationPermissionBanner class="mb-4 max-w-3xl" />
+    <div v-if="loading && !items.length" class="app-page-content-loading">
+      <a-spin size="large" />
+    </div>
 
-    <a-spin :spinning="loading">
-      <div v-if="!items.length" class="dapp-notif__empty">
-        <BasicIcon icon="vuesax-linear:notification-bing" size="36" />
-        <p>اعلانی برای نمایش نیست.</p>
-      </div>
-      <div v-else class="dapp-notif__list">
+    <div
+        v-else-if="!items.length"
+        class="dapp-notif__empty"
+    >
+      <BasicIcon icon="vuesax-linear:notification-bing" size="36" />
+      <p>اعلانی برای نمایش نیست.</p>
+    </div>
+
+    <a-spin v-else :spinning="loading">
+      <div class="dapp-notif__list">
         <AppNotificationCard
           v-for="item in items"
           :key="item.id"
@@ -40,16 +41,10 @@ const { loading, items, openItem } = useAppNotificationsPageContext()
 .dapp-notif {
   @apply p-6 min-h-full;
 }
-.dapp-notif__eyebrow {
-  @apply m-0 text-xs text-gray-500;
-}
-.dapp-notif__title {
-  @apply m-0 mt-1 text-xl font-bold;
-}
 .dapp-notif__empty {
-  @apply mt-10 flex flex-col items-center gap-2 text-gray-500;
+  @apply flex flex-col items-center gap-2 text-gray-500;
 }
 .dapp-notif__list {
-  @apply mt-6 flex flex-col gap-3 max-w-3xl;
+  @apply flex flex-col gap-3 w-full;
 }
 </style>

src/views/base/appNotifications/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-notifications-page-root">
-    <DesktopAppNotificationsView v-show="isDesktop" />
-    <MobileAppNotificationsView v-show="!isDesktop" />
+    <DesktopAppNotificationsView v-if="isDesktop" />
+    <MobileAppNotificationsView v-else />
 
     <BasicActionSheet
       v-model:show="detailVisible"

src/views/base/appNotifications/mobile/MobileAppNotificationsView.vue

@@ -3,13 +3,22 @@
     <MobilePageHeader title="اعلان‌ها" show-back />
     <div class="app-notif-page__body mpage-content">
       <BrowserNotificationPermissionBanner class="mb-3" />
-      <a-spin :spinning="loading">
-        <div v-if="!items.length" class="app-notif-page__empty">
-          <BasicIcon icon="vuesax-linear:notification-bing" size="40" class="text-gray-400" />
-          <p class="m-0 mt-3 font-bold text-gray-700">اعلانی نیست</p>
-          <p class="m-0 mt-1 text-sm text-gray-500">هنوز اعلانی از طرف مدیریت ارسال نشده است.</p>
-        </div>
-        <div v-else class="flex flex-col gap-3">
+
+      <div v-if="loading && !items.length" class="app-page-content-loading">
+        <a-spin size="large" />
+      </div>
+
+      <div
+          v-else-if="!items.length"
+          class="app-notif-page__empty"
+      >
+        <BasicIcon icon="vuesax-linear:notification-bing" size="40" class="text-gray-400" />
+        <p class="m-0 mt-3 font-bold text-gray-700">اعلانی نیست</p>
+        <p class="m-0 mt-1 text-sm text-gray-500">هنوز اعلانی از طرف مدیریت ارسال نشده است.</p>
+      </div>
+
+      <a-spin v-else :spinning="loading">
+        <div class="flex flex-col gap-3">
           <AppNotificationCard
             v-for="item in items"
             :key="item.id"