The AIDD Framework

## Create task with title, priority, due date

**As a** logged-in user
**I want to** create a task with details
**So that** I can track my work

### Acceptance Criteria
- [ ] Form: title (required, min 3 chars),
      description (optional), priority
      (high/medium/low select), due date (future)
- [ ] Save to Firestore: `tasks/{taskId}`
      with userId from AuthContext
- [ ] Show success toast, redirect to /dashboard
- [ ] On validation error: red text below field
- [ ] On Firestore error: generic error message

### Technical Notes
- File: `src/app/dashboard/new/page.tsx`
- "use client", Tailwind, existing Task type
- Use `addDoc` from firebase/firestore
- Priority badge colors: high=red, med=yellow, low=green

Context: Next.js 14 + TypeScript + Tailwind project.
Auth via Firebase.
Existing file: src/lib/firebase.ts (config initialized).
Layout: src/app/layout.tsx with AuthProvider.

Requirement: Create an email/password login page
with:
- Email + password fields with validation
- "Sign in" button + "Create an account" link
- Firebase error handling
  (wrong-password, user-not-found)

Action: Create src/app/login/page.tsx

Format: React client component ("use client"),
Tailwind for styling,
signInWithEmailAndPassword from Firebase.

Test: The user can sign in and is redirected
to /dashboard. On error, a red message appears
below the form.

Here is my vision.md: [paste contents]

Create the following file structure:
- src/app/page.tsx (home page)
- src/app/layout.tsx (header/footer layout)
- src/components/Header.tsx
- src/components/Footer.tsx
- src/lib/firebase.ts (Firebase config)

Use strict TypeScript, Tailwind CSS,
and Next.js 14 App Router conventions.

// src/lib/firebase.ts
import { initializeApp } from 'firebase/app';
import { getAuth } from 'firebase/auth';
import { getFirestore } from 'firebase/firestore';

const app = initializeApp({
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.NEXT_PUBLIC_...,
  projectId: process.env.NEXT_PUBLIC_...,
  // ...
});

export const auth = getAuth(app);
export const db = getFirestore(app);

// src/contexts/AuthContext.tsx
"use client";
import { createContext, useContext,
         useEffect, useState } from 'react';
import { onAuthStateChanged, User }
  from 'firebase/auth';
import { auth } from '@/lib/firebase';

const AuthContext = createContext<{
  user: User | null;
  loading: boolean;
}>({ user: null, loading: true });

feat: add login page with Firebase auth
fix: handle wrong-password error on login
refactor: extract AuthProvider to context
docs: add API documentation to README
test: add unit tests for auth helpers