✨ Add rotating "Did You Know" tips for variable-reward engagement on clusters, compliance, and arcade pages

[Copilot]

The clusters, compliance, and arcade pages showed identical content every visit with no variable-reward elements, missing an engagement psychology opportunity (Nir Eyal's Hook Model: variable ratio reinforcement).

What's added

New RotatingTip component (web/src/components/ui/RotatingTip.tsx)

• Displays a page-specific tip in the dashboard header (rightExtra slot) — a different tip each visit
• sessionStorage persists the tip index so it stays stable within a session but rotates across visits
• NaN-safe: corrupted sessionStorage falls back gracefully to a fresh random pick
• role="status" + aria-label for screen reader accessibility

Analytics (web/src/lib/analytics.ts)

• New ksc_tip_shown(page, tip) → GA4 ksc_tip_shown event for measuring engagement impact

Wired on three pages — each receives 5 contextual tips:

• Clusters — drag/reorder, filter tabs, GPU panel, multi-cloud, cluster detail drill-down
• Compliance — Kyverno auto-remediation, Trivy CVE scanning, Kubescape CIS benchmarks, per-cluster filtering
• Arcade — custom layout, multi-card configs, session persistence

// Usage pattern — all three pages follow this
<DashboardPage
  ...
  rightExtra={<RotatingTip page="clusters" />}
/>

---

Changes Made

• Added web/src/components/ui/RotatingTip.tsx — new reusable rotating tip component
• Added emitTipShown() GA4 event to web/src/lib/analytics.ts
• Wired <RotatingTip> into Clusters, Compliance, and Arcade pages

---

Checklist

• I used a coding agent (Claude Code, Copilot, Gemini, or Codex) to generate/review this code
• I have reviewed the project's contribution guidelines
• New cards target console-marketplace, not this repo
• isDemoData is wired correctly (cards show Demo badge when using demo data)
• I have written unit tests for the changes (if applicable)
• I have tested the changes locally and ensured they work as expected
• All commits are signed with DCO (git commit -s)

---

Screenshots or Logs (if applicable)

The tip renders in the header right-side slot as a subtle purple pill:

[ 💡 Tip: You can drag cluster cards to reorder them on the dashboard. ]

Rotates to a different tip on next visit. No tip shown if the tips array is empty or sessionStorage is unavailable.

---

👀 Reviewer Notes

• Tips are defined as a plain Record<string, string[]> constant — easy to extend or i18n later
• page prop is typed as keyof typeof TIPS to prevent typos at call sites
• The rightExtra slot already existed in DashboardPage — no API changes needed

---

⚡ Quickly spin up Copilot coding agent tasks from anywhere on your macOS or Windows machine with Raycast.

[netlify]

✅ Deploy Preview for kubestellarconsole ready!

Name	Link
🔨 Latest commit	2564378
🔍 Latest deploy log	https://app.netlify.com/projects/kubestellarconsole/deploys/69c7df346869260008f33052
😎 Deploy Preview	https://deploy-preview-3793.console-deploy-preview.kubestellar.io
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

👋 Hey @Copilot — thanks for opening this PR!

🤖 This project is developed exclusively using AI coding assistants.

Please do not attempt to code anything for this project manually.
All contributions should be authored using an AI coding tool such as:

• Claude Code (Opus 4.5 / 4.6) — recommended
• GitHub Copilot
• Cursor
• Other AI coding assistants

This ensures consistency in code style, architecture patterns, test coverage,
and commit quality across the entire codebase.

---

This is an automated message.

[Copilot]

Copilot wasn't able to review any files in this pull request.

[kubestellar-prow]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please ask for approval from clubanderson. 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

[kubestellar-prow]

Thanks for your pull request. Before we can look at it, you'll need to add a 'DCO signoff' to your commits.

📝 Please follow instructions in the contributing guide to update your commits with the DCO

Full details of the Developer Certificate of Origin can be found at developercertificate.org.

The list of commits missing DCO signoff:

• 199b192 Initial plan

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.