refactor(index): 重构首页网格布局并移除快速操作组件

- 移除 Divider 组件依赖并调整 Grid 组件样式配置
- 将网格列数从 3 列改为 4 列，调整内边距和字体大小
- 在 QuickActions 组件中添加 Avatar 组件支持
- 更新快速操作项的标题和图标显示逻辑
- 将 QuickActions 组件替换为 Grid 组件在首页中的位置
- 调整网格项目的间距和头像样式配置

src/pages/index/QuickActions.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
+import {Avatar} from '@nutui/nutui-react-taro'
 import Taro from '@tarojs/taro'
 import {
   Star,
@@ -15,9 +16,10 @@ const QuickActions: React.FC = () => {
   const actions = [
     {
       icon: <Star size={22} />,
-      title: '我要推荐',
+      title: '我要推荐2',
       path: '/dealer/index',
-      iconClass: 'qa-icon--orange'
+      iconClass: 'qa-icon--orange',
+      avatar: 'https://oss.wsdns.cn/20260330/5f54527123864193b0a2078f812b117f.png?x-oss-process=image/resize,m_fixed,w_200/quality,Q_90'
     },
     {
       icon: <People size={22} />,
@@ -60,7 +62,9 @@ const QuickActions: React.FC = () => {
           onClick={() => handleClick(action)}
         >
           <View className={`quick-actions__icon ${action.iconClass}`}>
-            {React.cloneElement(action.icon as React.ReactElement, { color: '#ffffff' })}
+            <Avatar src={action.avatar} className={'mb-2'} shape="square" style={{
+              backgroundColor: 'transparent',
+            }}/>
           </View>
           <Text className='quick-actions__label'>{action.title}</Text>
         </View>