feat: 添加 Font Awesome 支持并重构图标渲染逻辑

- 引入 Font Awesome 4.7.0 CSS 文件以扩展图标库
- 更新导航项图标配置，将“地图导览”图标从自定义字体替换为 Font Awesome 图标
- 重构 Vue 组件中的图标渲染逻辑，新增 `getIconClass` 函数动态判断图标类型并应用对应 CSS 类
- 调整相关样式类名以保持一致性

@@ -9,7 +9,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@import "@/assets/styles/iconfont.less";
+@import "./assets/css/font-awesome.min.css";
+@import "./assets/styles/iconfont.less";
 
 :root {
     --nut-primary-color: #A67939;

@@ -14,7 +14,7 @@ export const getHomeContentFixture = () => ({
     {
       id: 'map-guide',
       title: '地图导览',
-      icon: 'icon-jingxiuying',
+      icon: 'fa-odnoklassniki-square',
       link_url: '',
       page_url: '/pages/map-guide/index',
     },

@@ -20,8 +20,8 @@
         >
           <view class="nav-entry__icon-wrap">
             <i
-              class="fa iconfont iconfont-demo"
-              :class="item.icon || default_icon"
+              class="nav-entry__icon"
+              :class="getIconClass(item)"
             ></i>
           </view>
           <text class="nav-entry__title">{{ item.title }}</text>
@@ -59,6 +59,12 @@ const image_links = ref([])
 
 const hasLink = (item) => !!(item?.page_url || item?.link_url)
 
+const getIconClass = (item) => {
+  const icon = item?.icon || default_icon
+  const font_class = icon.startsWith('fa-') ? 'fa' : 'iconfont'
+  return [font_class, icon]
+}
+
 const handleLinkedItemTap = (item) => {
   if (!item) return
 
@@ -178,7 +184,7 @@ useLoad(() => {
     line-height: 1;
   }
 
-  .iconfont-demo {
+  .nav-entry__icon {
     font-size: 64rpx;
     color: #98271d;
   }