refactor: improve page metadata and code organization

[kingsleydon]

Summary

• Add Next.js metadata exports to all pages (staking, gpu-mining, khala-assets) for better SEO
• Remove unnecessary 'use client' directives from page components by extracting client-side logic into separate content.tsx files
• Replace DePHY text link with SVG logo in GPU Mining page
• Remove unused Title component and simplify PageHeader component props
• Migrate from RainbowKit to Reown AppKit for wallet connection
• Update MUI package versions

Test plan

• Verify page titles and descriptions appear correctly in browser tab
• Test wallet connection functionality with new AppKit integration
• Verify DePHY logo displays correctly on GPU Mining page
• Check all navigation links work properly

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
app	Ready	Preview	Comment	Nov 26, 2025 6:07am

[sentry]

Bug: Missing runtime validation for NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID can lead to undefined being passed to critical initialization functions.
_{Severity: CRITICAL | Confidence: High}

🔍 Detailed Analysis

The code uses as string assertions without runtime validation in apps/app/lib/wagmi.ts:5 and apps/app/components/Web3Provider.tsx:10. If NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID is not set, projectId becomes undefined. This undefined value is passed directly to WagmiAdapter and createAppKit(), which expect a string. Without validation or error handling, these libraries will throw an error during initialization, causing the application to crash before rendering.

💡 Suggested Fix

Add runtime validation for NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID before passing it to WagmiAdapter and createAppKit(). Throw an explicit error if it's undefined to provide clear configuration feedback.

🤖 Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: apps/app/components/Web3Provider.tsx#L10

Potential issue: The code uses `as string` assertions without runtime validation in
`apps/app/lib/wagmi.ts:5` and `apps/app/components/Web3Provider.tsx:10`. If
`NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID` is not set, `projectId` becomes `undefined`. This
`undefined` value is passed directly to `WagmiAdapter` and `createAppKit()`, which
expect a string. Without validation or error handling, these libraries will throw an
error during initialization, causing the application to crash before rendering.

_{Did we get this right? 👍 / 👎 to inform future reviews.
Reference ID: 3652791}