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/NotesView.vue

@@ -75,7 +75,8 @@ import {
   PushpinOutlined,
   ThunderboltOutlined,
   UnorderedListOutlined,
-} from '@ant-design/icons-vue';
+} from '@/icons/ant-bridge';
+import { CrmSkeleton, CrmSkeletonCard } from '@/components/skeleton';
 
 const ACheckableTag = ATag.CheckableTag;
 
@@ -880,7 +881,8 @@ onBeforeUnmount(() => {
       </a-flex>
     </a-card>
 
-    <a-spin :spinning="loading">
+    <CrmSkeleton :loading="loading">
+      <CrmSkeletonCard :rows="6">
       <a-empty
         v-if="!loading && !notes.length"
         description="هنوز یادداشتی نیست — یکی اضافه کنید."
@@ -1150,7 +1152,8 @@ onBeforeUnmount(() => {
           </div>
         </a-col>
       </a-row>
-    </a-spin>
+      </CrmSkeletonCard>
+    </CrmSkeleton>
 
     <a-button
       type="primary"