style: Update NotificationChannelCard to include web push notification support

src/components/cards/NotificationChannelCard.vue

@@ -2,9 +2,10 @@
 import { NotificationConf } from '@/api/types'
 import wechat_image from '@images/logos/wechat.png'
 import telegram_image from '@images/logos/telegram.webp'
-import vocechat_image from '@images/logos/vocechat.jpeg'
+import vocechat_image from '@images/logos/vocechat.png'
 import synologychat_image from '@images/logos/synologychat.png'
 import slack_image from '@images/logos/slack.webp'
+import chrome_image from '@images/logos/chrome.png'
 
 // 定义输入
 const props = defineProps({
@@ -27,6 +28,8 @@ const getIcon = computed(() => {
       return synologychat_image
     case 'slack':
       return slack_image
+    case 'webpush':
+      return chrome_image
     default:
       return wechat_image
   }
@@ -37,7 +40,7 @@ const getIcon = computed(() => {
     <VCardText class="flex justify-space-between align-center gap-3">
       <div class="align-self-start">
         <h5 class="text-h5 mb-1">{{ notification.name }}</h5>
-        <div class="text-body-1 mb-3"></div>
+        <div class="text-body-1 mb-3">{{ notification.type }}</div>
       </div>
       <VImg :src="getIcon" cover class="m-3" max-width="6rem" />
     </VCardText>