Add API usage log table

[jtydhr88]

added usage log table inside credit page:

please notice, some code come from existing website repo

┆Issue is synchronized with this Notion page by Unito

[christian-byrne]

Looks good. Can we just add tests for the service and the UsageLogsTable.vue?

• Examples of service unit tests: https://github.com/Comfy-Org/ComfyUI_frontend/tree/main/tests-ui/tests/services
• Guide for writing component tests: https://github.com/Comfy-Org/ComfyUI_frontend/blob/main/tests-ui/component-testing.md
• Example of component test: https://github.com/Comfy-Org/ComfyUI_frontend/blob/main/src/components/common/TreeExplorerTreeNode.spec.ts

[christian-byrne]

LGTM!

[webfiltered]

Tests failed once this was merged to main: https://github.com/Comfy-Org/ComfyUI_frontend/actions/runs/15981619587/job/45077170846

[jtydhr88]

@webfiltered I checked the test log, I don't see any error related to this changes, it is saying something:
[chromium] › browser_tests/tests/widget.spec.ts:181:3 › Image widget › Can change image by changing the filename combo value

Test timeout of 15000ms exceeded.

Error: locator.click: Test timeout of 15000ms exceeded.
Call log:
  - waiting for getByRole('menuitem', { name: 'image32x32.webp' })


  194 |       name: 'image32x32.webp'
  195 |     })
> 196 |     await comboEntry.click({ noWaitAfter: true })
      |                      ^
  197 |
  198 |     // Expect the image preview to change automatically
  199 |     await expect(comfyPage.canvas).toHaveScreenshot(
    at /home/runner/work/ComfyUI_frontend/ComfyUI_frontend/ComfyUI_frontend/browser_tests/tests/widget.spec.ts:196:22

[christian-byrne]

For Viewport settings › Keeps viewport settings when changing tabs, it is unrelated to this PR. The release notes will popup but the timing is naturally inconsistent in test environment

[christian-byrne]

Let me handle the test errors. They are actually all from the popup in the bottom left, which sometimes appears and sometimes does not:

• Viewport test: Screenshot shows "ComfyUI v0.3.43 Release" popup not present in expected image
• Workflows test: Error explicitly states <h1>ComfyUI v0.3.43 Release</h1> intercepts pointer events
• Node library test: Drag-and-drop fails because popup is blocking the bottom-left area