Bài tập thực chiến: Landing Page + Dashboard với Firebase Firestore

{
  "name": "Nguyễn Văn A",
  "email": "nguyenvana@email.com",
  "phone": "0909123456",
  "message": "Tôi muốn được tư vấn về khóa học Claude Code",
  "createdAt": "2026-05-01T10:00:00Z"
}

Cập nhật cho tôi một landing page với các phần đăng ký với nội dung sau:
1. Form liên hệ gồm 4 trường: Họ và tên, Email, Số điện thoại, Nội dung cần tư vấn
2. Nút Gửi đăng ký — khi bấm thì lưu data vào Firebase Firestore collection "register_users"

Đây là thông tin cấu hình Firebase:

NEXT_PUBLIC_FIREBASE_API_KEY=""
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=""
NEXT_PUBLIC_FIREBASE_PROJECT_ID=""
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=""
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=""
NEXT_PUBLIC_FIREBASE_APP_ID=""
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=""


Lưu ý: Responsive: desktop và mobile

Mở rộng dashboard shadcn/ui để thêm trang quản lý khách hàng tư vấn:
- Đọc dữ liệu từ collection "register_users" trong Firestore
- Hiển thị bằng Data Table: STT, Họ tên, Email, SĐT, Ngày đăng ký
- Nút Thêm khách hàng (mở Sheet form)
- Mỗi hàng có icon: xem chi tiết (mở Sheet), sửa (Sheet form), xóa (Alert Dialog xác nhận)
- Sheet chi tiết hiện đầy đủ: tên, email, phone, message, ngày đăng ký
- Toast thông báo Sonner khi thao tác thành công