Frontend: Node: Add pod usage tile for node view

[Vikaspal8923]

Summary

This PR adds pod capacity usage to the node details view so users can see how many pods are scheduled on a node compared with that node's allocatable pod limit.

Related Issue

Fixes #5034

Changes

• Added a pod usage circular tile for the node details header
• Fetched node-scoped pods using a spec.nodeName=<node> field selector in the node details view

Steps to Test

1. Navigate to the Nodes page and open any single node details view
2. Confirm a Pod Usage tile appears
3. Verify the Pod Usage tile shows the number of pods on that node out of the node pod limit

Screenshots (if applicable)

Notes for the Reviewer

• Pod usage is calculated from pods fetched with fieldSelector=spec.nodeName=<node-name>
• The total uses status.allocatable.pods and falls back to status.capacity.pods

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: Vikaspal8923
Once this PR has been reviewed and has the lgtm label, please assign illume for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[sniok]

Ci is failing on the i18n check, please make sure you've updated the translations by running npm run i18n in the frontend folder

[Vikaspal8923]

Done , i have updated translations . Let me know if any other changes needed

[sniok]

could you please squash it into a single commit, translations should be in the same commit that changes them

[Vikaspal8923]

Done 👍

[Copilot]

Pull request overview

Adds a “Pod Usage” capacity tile to the Node details header, showing scheduled pod count vs the node’s allocatable/capacity pod limit.

Changes:

• Fetch node-scoped pods in the node details view using fieldSelector=spec.nodeName=<node>.
• Add a new PodCapacityCircularChart tile and wire it into the node header charts section.
• Introduce new i18n keys for “Pod Usage” and the {{ used }} / {{ total }} Pods legend across locales.

Reviewed changes

Copilot reviewed 15 out of 15 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
frontend/src/components/node/Details.tsx	Fetches pods for the node and renders the new Pod Usage tile in the header charts grid.
frontend/src/components/cluster/Charts/ResourceCharts.tsx	Implements PodCapacityCircularChart using TileChart.
frontend/src/components/cluster/Charts/index.ts	Re-exports the new pod capacity chart.
frontend/src/i18n/locales/en/translation.json	Adds English strings for the new Pod Usage tile.
frontend/src/i18n/locales/de/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/es/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/fr/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/hi/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/it/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/ja/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/ko/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/pt/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/ta/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/zh/translation.json	Adds new keys (currently empty values) for Pod Usage.
frontend/src/i18n/locales/zh-tw/translation.json	Adds new keys (currently empty values) for Pod Usage.

[Copilot]

Pull request overview

Copilot reviewed 15 out of 15 changed files in this pull request and generated 1 comment.

[illume]

Can you please have a look at that one break point review comment?

[Copilot]

Pull request overview

Copilot reviewed 15 out of 15 changed files in this pull request and generated 2 comments.

[Vikaspal8923]

can you take a look now ?