feat(ckchat): 添加联系人分组功能并实现骨架屏优化

添加新的联系人分组状态 newContractList 和对应的异步设置方法 asyncNewContractList
实现页面加载时的骨架屏效果，优化用户体验
重构 SidebarMenu 组件样式，分离骨架屏逻辑
新增 PageSkeleton 组件用于统一管理骨架屏

Cunkebao/src/store/module/ckchat.ts

@@ -15,6 +15,11 @@ export const useCkChatStore = createPersistStore<CkChatState>(
     contractList: [], //联系人列表
     chatSessions: [], //聊天会话
     kfUserList: [], //客服列表
+    newContractList: [], //联系人分组
+    // 异步设置会话列表
+    asyncNewContractList: data => {
+      set({ newContractList: data });
+    },
     // 异步设置会话列表
     asyncChatSessions: data => {
       set({ chatSessions: data });
@@ -182,3 +187,6 @@ export const asyncContractList = (data: ContractData[]) =>
   useCkChatStore.getState().asyncContractList(data);
 export const asyncChatSessions = (data: ContractData[]) =>
   useCkChatStore.getState().asyncChatSessions(data);
+export const asyncNewContractList = (
+  data: { groupName: string; contacts: any[] }[],
+) => useCkChatStore.getState().asyncNewContractList(data);