## 12. Auth & Dashboard — Supabase Auth + Member Feature

### Auth Pages
```
/auth/login
/auth/register
/auth/forgot-password
/auth/reset-password
```

### Middleware

```typescript
// src/middleware.ts
export { middleware } from "@/lib/auth/session";
// หรือ custom middleware ที่ check session แล้ว redirect
```

### Dashboard
```
/dashboard          — Member dashboard
/dashboard/prompts  — Saved prompts
```

### Content Access Pattern

```typescript
// src/lib/content-access.ts
type ContentAccessMeta = {
  accessLevel: "public" | "member" | "pro";
  contentType: string;
  memberBenefit: string;
  proBenefit: string;
  badges?: string[];
};
```

ใช้ component `ContentAccessBadge` เพื่อแสดง badge ระดับการเข้าถึงบน card:

```tsx
<ContentAccessBadge meta={{ accessLevel: "member", memberBenefit: "สมัครฟรีเพื่อบันทึก", ... }} />
```