feat(apiproduct): show public URL in API Product overview tab

[namansh70747]

Description

Adds an Address field to the API Product overview tab so users can see and copy the product's public URL directly from the overview, instead of navigating to the underlying route.

Fixes #534

Opening as a draft because the source of the public URL is a design choice I'd like to confirm with @eguzki (see Open question below). The implementation here is complete and working for the UI-derivation approach; if a controller-populated status field is preferred, the change to swap the source is small.

Type of change

• [feat] New feature

Changes made

• Derive the public URL from the HTTPRoute referenced by spec.targetRef: its first non-empty spec.hostnames entry becomes https://<hostname>. The APIProduct itself carries no address field (confirmed against types.ts and the CRD), so resolving it from the linked route is the only source available without controller changes.
• Reuse the cached-targetRef + useK8sWatchResource pattern already in APIProductPoliciesTab.tsx, so a transient watch reconnection (where spec is briefly absent) doesn't drop the linked route.
• Reuse the ClipboardCopy pattern from APIKeyRevealModal.tsx for copy-to-clipboard.
• When no route hostname is resolvable, the field renders "Not set", matching the other optional overview fields.

Open question for reviewers

Where should the public URL come from?

1. Derived in the UI from the linked HTTPRoute's hostname (what this PR does — works today, no controller dependency), or
2. A resolved address on APIProduct.status populated by the controller (like APIKey.status.apiHostname), if one is planned.

If (2) is the intended direction, I'll point the field at that status field instead — the rest of the UI stays the same.

Test plan

• yarn lint passes (no changes after running)
• yarn i18n passes (committed the generated Address key)
• yarn tsc --noEmit reports no errors in src/
• Tested manually in OpenShift Console (will verify once an APIProduct + HTTPRoute fixture is up)
• Tested in both light and dark themes

Checklist

• All user-facing strings use t() and are added to the locale file
• No bare .pf-*/.co-* selectors or hex colors (reuses existing --pf-v6-global--Color--200 for the empty state)
• No console.log statements left in
• Commit includes Signed-off-by

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: ecfa6763-1361-43f7-9595-a19dce0964b3

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[R-Lawton]

Is this ready for review?

[namansh70747]

Is this ready for review?

Yes

[emmaaroche]

Is this ready for review?

Yes

@namansh70747 please move PR from draft to ready for review, pr will also require conflicts to be fixed

[namansh70747]

Is this ready for review?

Yes

@namansh70747 please move PR from draft to ready for review, pr will also require conflicts to be fixed

Yes, will move it.