refactor: 将 @iconify/vue 图标替换为 lucide-vue-next 本地组件

- 所有 lucide: 前缀的图标字符串替换为 lucide-vue-next 组件直接引用
- 动态图标绑定改为 <component :is> 渲染
- h(Icon, { icon: 'lucide:xxx' }) 改为 h(Xxx, { class: ... })
- app-card.vue 的 icon_url 改为 <img> 标签（实际是图片路径）
- 修复 Webhook 标识符冲突（重命名为 WebhookIcon）
- payment-channels 保留 @iconify/vue 用于品牌图标（支付宝、微信、Stripe、PayPal、USDT）

frontend/src/components/app-sidebar/nav-team.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { Icon } from '@iconify/vue'
 import {
   ChevronRight,
 } from 'lucide-vue-next'
@@ -48,8 +47,7 @@ function isActive(menu: NavItem): boolean {
             <UiTooltipTrigger as-child>
               <UiSidebarMenuButton as-child :is-active="isActive(menu)">
                 <router-link :to="menu.url">
-                  <component :is="menu.icon" v-if="typeof menu.icon === 'function'" class="size-4" />
-                  <Icon v-else-if="menu.icon" :icon="menu.icon" />
+                  <component :is="menu.icon" v-if="menu.icon" class="size-4" />
                   <span>{{ menu.title }}</span>
                 </router-link>
               </UiSidebarMenuButton>
@@ -60,8 +58,7 @@ function isActive(menu: NavItem): boolean {
           </UiTooltip>
           <UiSidebarMenuButton v-else as-child :is-active="isActive(menu)">
             <router-link :to="menu.url">
-              <component :is="menu.icon" v-if="typeof menu.icon === 'function'" class="size-4" />
-              <Icon v-else-if="menu.icon" :icon="menu.icon" />
+              <component :is="menu.icon" v-if="menu.icon" class="size-4" />
               <span>{{ menu.title }}</span>
             </router-link>
           </UiSidebarMenuButton>
@@ -77,8 +74,7 @@ function isActive(menu: NavItem): boolean {
             <UiSidebarMenuItem>
               <UiCollapsibleTrigger as-child>
                 <UiSidebarMenuButton>
-                  <component :is="menu.icon" v-if="typeof menu.icon === 'function'" class="size-4" />
-                  <Icon v-else-if="menu.icon" :icon="menu.icon" />
+                  <component :is="menu.icon" v-if="menu.icon" class="size-4" />
                   <span>{{ menu.title }}</span>
                   <ChevronRight
                     class="ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
@@ -91,8 +87,7 @@ function isActive(menu: NavItem): boolean {
                 <UiSidebarMenuSubItem v-for="subItem in menu.items" :key="subItem.title">
                   <UiSidebarMenuSubButton as-child :is-active="isActive(subItem as NavItem)">
                     <router-link :to="subItem?.url || '/'">
-                      <component :is="subItem.icon" v-if="typeof subItem.icon === 'function'" class="size-4" />
-                      <Icon v-else-if="subItem.icon" :icon="subItem.icon" />
+                      <component :is="subItem.icon" v-if="subItem.icon" class="size-4" />
                       <span>{{ subItem.title }}</span>
                     </router-link>
                   </UiSidebarMenuSubButton>
@@ -104,8 +99,7 @@ function isActive(menu: NavItem): boolean {
           <UiTooltip v-else>
             <UiTooltipTrigger as-child>
               <UiSidebarMenuButton>
-                <component :is="menu.icon" v-if="typeof menu.icon === 'function'" class="size-4" />
-                <Icon v-else-if="menu.icon" :icon="menu.icon" />
+                <component :is="menu.icon" v-if="menu.icon" class="size-4" />
                 <span class="sr-only">{{ menu.title }}</span>
               </UiSidebarMenuButton>
             </UiTooltipTrigger>
@@ -122,8 +116,7 @@ function isActive(menu: NavItem): boolean {
               <UiDropdownMenuSeparator />
               <UiDropdownMenuItem v-for="subItem in menu.items" :key="subItem.title" as-child>
                 <router-link :to="subItem?.url || '/'">
-                  <component :is="subItem.icon" v-if="typeof subItem.icon === 'function'" class="size-4" />
-                  <Icon v-else-if="subItem.icon" :icon="subItem.icon" />
+                  <component :is="subItem.icon" v-if="subItem.icon" class="size-4" />
                   <span>{{ subItem.title }}</span>
                 </router-link>
               </UiDropdownMenuItem>

frontend/src/components/app-sidebar/team-switcher.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { Icon } from '@iconify/vue'
 import { ref } from 'vue'
 
 import type { Team } from './types'
@@ -18,8 +17,7 @@ const activeTeam = ref<Team>(teams[0])
         <div
           class="flex items-center justify-center rounded-lg aspect-square size-8 bg-sidebar-primary text-sidebar-primary-foreground"
         >
-          <component :is="activeTeam.logo" v-if="typeof activeTeam.logo === 'function'" class="size-4" />
-          <Icon v-else :icon="activeTeam.logo" class="size-4" />
+          <component :is="activeTeam.logo" v-if="activeTeam.logo" class="size-4" />
         </div>
         <div class="grid flex-1 text-sm leading-tight">
           <span class="font-semibold truncate">{{ activeTeam.name }}</span>