Fix Vercel deployment - React Hooks violation and build failures

[Copilot]

Build was failing due to React Hooks called conditionally and TypeScript errors.

Core Fixes

• React Hooks violation: Moved useRouter() before early return in ChildDashboard.tsx (line 185)
• Button onClick signature: Changed from () => void to (event?: React.MouseEvent<HTMLButtonElement>) => void
• Type safety: Replaced as any assertions with proper Child type in settings page

Build-Time Firebase Initialization

Firebase attempted initialization during static generation without credentials. Added fallback config with dummy values and forced dynamic rendering for diagnostic pages:

// src/lib/firebase.ts
const firebaseConfig = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || 'dummy-api-key-for-build',
  // ... other config with fallbacks
};

// src/app/firebase-diagnostic/page.tsx
export const dynamic = 'force-dynamic';

Type Corrections

• Removed invalid as Child[], as Parent[], as Subject[], as Lesson[] assertions from seed data
• Fixed Icon component props to include className?: string
• Added missing Child type import in settings page

Build now completes successfully. Vercel deployment requires environment variables for Firebase config.

Original prompt

fix the vercel deployment issuse

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
quest4-fun	Ready	Preview	Comment	Nov 3, 2025 1:50pm
quest4-fun-j2bt	Ready	Preview	Comment	Nov 3, 2025 1:50pm
quest4-fun-zmpb	Error			Nov 3, 2025 1:50pm