feat(web): adopt vuesax icons and shared skeleton loading

Replace the inline SVG icon set with the vuesax linear pack, add skeleton primitives for loading states, and keep page scroll inside the app shell.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/ActivityFormView.vue

@@ -45,7 +45,6 @@ import {
   Row as ARow,
   Select as ASelect,
   Space as ASpace,
-  Spin as ASpin,
   Switch as ASwitch,
   Tag as ATag,
   Textarea as ATextarea,
@@ -71,7 +70,8 @@ import {
   TeamOutlined,
   ThunderboltOutlined,
   CarOutlined,
-} from '@ant-design/icons-vue';
+} from '@/icons/ant-bridge';
+import { CrmSkeleton, CrmSkeletonCard } from '@/components/skeleton';
 import type {
   ActivityBoardDto,
   ActivityDto,
@@ -670,7 +670,8 @@ watch([id, isNew], () => void load(), { immediate: true });
 
     <a-alert v-if="error" type="error" show-icon :message="error" />
 
-    <a-spin :spinning="loading">
+    <CrmSkeleton :loading="loading">
+      <CrmSkeletonCard :rows="8">
       <a-row :gutter="[24, 24]" align="top">
         <a-col :xs="24" :lg="17" :xl="18">
           <a-card :bordered="false">
@@ -1027,7 +1028,8 @@ watch([id, isNew], () => void load(), { immediate: true });
           </a-affix>
         </a-col>
       </a-row>
-    </a-spin>
+      </CrmSkeletonCard>
+    </CrmSkeleton>
 
     <a-modal
       v-model:open="newPersonOpen"