add skeletin

src/views/app/AppHomeView.vue

@@ -1,8 +1,6 @@
 <template>
   <WebAppLayout>
-    <div v-if="bootstrapping" class="py-12 text-center text-sm text-muted">
-      در حال بارگذاری…
-    </div>
+    <BusinessCardSkeleton v-if="bootstrapping" class="py-2" />
 
     <section v-else class="space-y-5">
       <div>
@@ -33,9 +31,7 @@
         @select="onCategorySelect"
       />
 
-      <div v-if="loadingBusinesses" class="py-8 text-center text-sm text-muted">
-        در حال بارگذاری…
-      </div>
+      <BusinessCardSkeleton v-if="loadingBusinesses" class="py-2" />
       <p
         v-else-if="error"
         class="rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-400"
@@ -65,6 +61,7 @@ import { fetchBusinesses } from '@/api/businesses';
 import { ApiError } from '@/api/client';
 import type { Business, BusinessCategory } from '@/api/types';
 import BusinessCard from '@/components/business/BusinessCard.vue';
+import BusinessCardSkeleton from '@/components/ui/BusinessCardSkeleton.vue';
 import AppIcon from '@/components/ui/AppIcon.vue';
 import CategoryFilter from '@/components/business/CategoryFilter.vue';
 import WebAppLayout from '@/layouts/WebAppLayout.vue';