[API Nodes] Add api pricing link to user popover (#3836)

Co-authored-by: github-actions <github-actions@github.com>

src/components/topbar/CurrentUserPopover.vue

@@ -37,6 +37,18 @@
 
     <Divider class="my-2" />
 
+    <Button
+      class="justify-start"
+      :label="$t('credits.apiPricing')"
+      icon="pi pi-external-link"
+      text
+      fluid
+      severity="secondary"
+      @click="handleOpenApiPricing"
+    />
+
+    <Divider class="my-2" />
+
     <div class="w-full flex flex-col gap-2 p-2">
       <div class="text-muted text-sm">
         {{ $t('credits.yourCreditBalance') }}
@@ -74,6 +86,10 @@ const handleTopUp = () => {
   dialogService.showTopUpCreditsDialog()
 }
 
+const handleOpenApiPricing = () => {
+  window.open('https://docs.comfy.org/tutorials/api-nodes/pricing', '_blank')
+}
+
 onMounted(() => {
   void authService.fetchBalance()
 })