이어서 Supabase DB + Toss 결제까지 붙여서 수익형 MVP 배포 완료

-- 상품 테이블
CREATE TABLE products (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  name TEXT NOT NULL,
  description TEXT,
  price INTEGER NOT NULL,
  category TEXT NOT NULL,
  file_url TEXT,
  thumbnail_url TEXT,
  created_at TIMESTAMPTZ DEFAULT now()
);

-- 주문 테이블
CREATE TABLE orders (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  user_id UUID REFERENCES auth.users(id),
  product_id UUID REFERENCES products(id),
  payment_status TEXT DEFAULT 'pending',
  paid_at TIMESTAMPTZ,
  created_at TIMESTAMPTZ DEFAULT now()
);

-- 문의 테이블
CREATE TABLE contacts (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  name TEXT NOT NULL,
  email TEXT NOT NULL,
  message TEXT NOT NULL,
  created_at TIMESTAMPTZ DEFAULT now()
);

-- 더미 상품 3개 삽입
INSERT INTO products (name, description, price, category) VALUES
('SW/AI 수업 커리큘럼 템플릿', '8주~16주 수업 커리큘럼을 30분 만에 완성하세요.', 15000, '수업 운영용'),
('학생 활동지 세트 (SW/AI)', '수업에 바로 쓰는 활동지 10종 세트.', 12000, '수업 운영용'),
('수업 제안서 양식', '기관 제출용 수업 제안서, 양식만 채우면 끝.', 9000, '강사 업무용');

이 프로젝트는 "티처킷(TeacherKit)"이라는 Next.js 웹사이트야.
프리랜서 SW/AI 강사를 위한 수업 템플릿 판매 사이트야.
지금은 상품 데이터가 하드코딩되어 있어.

지금 할 일: Supabase DB 연결

## Supabase 정보
- URL: https://xxxxx.supabase.co
- ANON KEY: sb_publishable_xxxxx

## Supabase에 이미 만들어둔 테이블
- products 테이블: id, name, description, price, category, file_url, thumbnail_url, created_at
- 더미 상품 3개가 이미 들어있음

## 해줘야 할 작업
1. 먼저 이 프로젝트의 파일 구조를 확인해줘
2. @supabase/supabase-js 패키지 설치
3. .env.local 파일 생성하고 위 Supabase URL과 ANON KEY 저장
4. Supabase 클라이언트 설정 파일 생성
5. 상품 목록 페이지에서 하드코딩된 데이터를 Supabase에서 불러오는 걸로 교체
6. 상품 상세 페이지도 Supabase에서 불러오도록 수정

이 프로젝트에 Supabase Auth로 이메일 로그인 기능을 추가해줘.

## 구현할 내용
1. 회원가입 페이지: 이메일 + 비밀번호로 가입
2. 로그인 페이지: 이메일 + 비밀번호로 로그인
3. Header에 로그인 상태 표시: 로그인 전 → "로그인" 버튼 / 로그인 후 → 이메일 표시 + "로그아웃" 버튼
4. 로그인하지 않아도 상품 목록과 상세 페이지는 볼 수 있어야 함
5. 구매하기 버튼은 로그인한 사용자만 클릭 가능