add skeletin

src/views/app/AppOwnerView.vue

@@ -15,7 +15,7 @@
       {{ message }}
     </p>
 
-    <div v-if="loading" class="text-sm text-muted">در حال بارگذاری…</div>
+    <FormPageSkeleton v-if="loading" />
 
     <div
       v-else-if="!business"
@@ -168,7 +168,7 @@
           خدماتی که اینجا ثبت می‌کنید در صفحه کسب‌وکار برای مشتریان و مقایسه نمایش داده می‌شود.
         </p>
 
-        <div v-if="loadingServices" class="text-sm text-muted">در حال بارگذاری خدمات…</div>
+        <ListCardSkeleton v-if="loadingServices" :count="3" />
 
         <ul v-else-if="services.length" class="space-y-2">
           <li
@@ -461,7 +461,8 @@ import type {
 import { ApiError } from '@/api/client';
 import BusinessAvailabilityEditor from '@/components/owner/BusinessAvailabilityEditor.vue';
 import ServiceClassManager from '@/components/owner/ServiceClassManager.vue';
-import AppButton from '@/components/ui/AppButton.vue';
+import FormPageSkeleton from '@/components/ui/FormPageSkeleton.vue';
+import ListCardSkeleton from '@/components/ui/ListCardSkeleton.vue';
 import AppIcon from '@/components/ui/AppIcon.vue';
 import AppIconButton from '@/components/ui/AppIconButton.vue';
 import AppInput from '@/components/ui/AppInput.vue';
@@ -542,7 +543,7 @@ const hasServiceClasses = computed(
 );
 
 const servicesSummary = computed(() => {
-  if (loadingServices.value) return 'در حال بارگذاری…';
+  if (loadingServices.value) return '…';
   const count = services.value.length;
   if (count === 0) return 'هنوز خدمتی ثبت نشده';
   const activeCount = services.value.filter((s) => s.isActive).length;