feat: about页面添加公司地址跳转功能

- 外部链接跳转：点击公司地址时，跳转带外部地图服务商链接
- 智能跳转： 根据用户的连接情况，自动选择google地图或者高德地图

app/pages/about/index.vue

@@ -17,15 +17,16 @@
 
       <el-divider content-position="left">{{ $t('learn-more') }}</el-divider>
       <div class="button-group">
-        <NuxtLink :to="$localePath('/support/contact-us')">
-          <el-card class="card-button">
-            <el-icon class="icon" size="80">
-              <ElIconService />
-            </el-icon>
-            <br />
-            {{ $t('navigation.contact-info') }}
-          </el-card>
-        </NuxtLink>
+        <learn-more-card
+          :title="$t('navigation.contact-info')"
+          :icon="ElIconService"
+          :to="$localePath('/support/contact-us')"
+        />
+        <learn-more-card
+          :title="$t('navigation.address')"
+          :icon="ElIconMapLocation"
+          :href="getAutoMappedService"
+        />
       </div>
     </div>
     <div v-else class="loading">
@@ -85,25 +86,7 @@
     justify-content: left;
     margin-top: 2rem;
     margin-left: 2rem;
-  }
-
-  .card-button {
-    width: 20%;
-    min-width: 200px;
-    padding: 20px;
-    margin: 0 auto;
-    cursor: pointer;
-    text-align: center;
-    font-size: 1.5em;
-  }
-
-  .card-button:hover {
-    transform: translateY(-4px);
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
-  }
-
-  .icon {
-    padding: 10px;
+    gap: 2rem;
   }
 
   .loading {