feat(profile): add KiloClaw banner/CTA to profile page

[kilo-code-bot]

Summary

• Add a contextual KiloClaw banner to the /profile page that adapts based on the user's KiloClaw instance state
• Users without a KiloClaw instance see a blue "Get started with KiloClaw" CTA with a brief description and a "Get Started" button linking to /claw
• Users with an existing instance see a green "KiloClaw is running" banner with an "Go to KiloClaw" button linking to /claw
• The banner is a client component that queries trpc.kiloclaw.getBillingStatus to detect instance state, consistent with the existing pattern in src/app/(app)/claw/page.tsx

Verification

• pnpm typecheck — passes with no errors in root project
• oxfmt --list-different . — passes (code is formatted)
• oxlint — passes with 0 warnings and 0 errors

Visual Changes

• No instance:

• Has instance:

Reviewer Notes

• Positioned between the Kilo Pass section and the Organizations section for visibility without disrupting the existing credit/billing flow
• Uses the same trpc.kiloclaw.getBillingStatus query that the /claw page uses, so no new API surface is introduced
• Shows a subtle loading spinner while billing status loads; silently hides on error to avoid blocking the profile page
• Design follows the existing banner pattern (e.g., InsufficientBalanceBanner, BillingBanner) using color-coded border/bg with icon, text, and action button

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (2 files)

• src/app/(app)/profile/page.tsx
• src/components/profile/ProfileKiloClawBanner.tsx

---

_{Reviewed by gpt-5.4-20260305 · 378,146 tokens}