Styled App Bar - Copy this React, Mui Component to your project

Tạo-giao-diện-frontend-ứng-dụng-web-sử-dụng-ReactJS-và-Material-UI-(MUI)-với-các-tính-năng-sau:-1.-Trang-chính:-•-Một-header-(dùng-AppBar-trong-MUI)-hiển-thị-tên-ứng-dụng-và-menu-cho-người-dùng-đăng-nhập.-•-Box-chứa-ô-nhập-để-người-dùng-dán-link-Google-Drive,-Dropbox,-hoặc-OneDrive.-•-Nút-“Bắt-đầu”:-Khi-người-dùng-nhấn-nút-này,-ảnh-sẽ-được-tải-lên-Google-Drive-của-server-(chức-năng-này-được-xử-lý-ở-backend).-•-Form-để-tạo-tên-khách-hàng-và-Album:-Cung-cấp-các-ô-nhập-cho-người-dùng-tạo-album-và-tên-khách-hàng.-2.-Trang-Album:-•-Hiển-thị-danh-sách-các-album-ảnh-dưới-dạng-grid-(dùng-Grid-của-MUI).-•-Mỗi-album-hiển-thị-một-bức-ảnh-đại-diện-(hình-thu-nhỏ).-•-Cung-cấp-tính-năng-thả-tim-vào-mỗi-ảnh.-Sử-dụng-IconButton-từ-MUI-với-biểu-tượng-“heart”-để-thả-tim.-•-Khi-người-dùng-thả-tim-vào-ảnh,-ảnh-sẽ-được-lưu-vào-mục-yêu-thích-của-người-dùng.-3.-Tính-năng-yêu-thích:-•-Tab-hoặc-menu-để-người-dùng-có-thể-truy-cập-vào-các-ảnh-đã-thả-tim-của-họ.-•-Mỗi-ảnh-yêu-thích-hiển-thị-trong-dạng-lưới-(sử-dụng-Grid-của-MUI)-tương-tự-như-giao-diện-Google-Photos.-4.-Giao-diện-dễ-sử-dụng-và-responsive:-•-Đảm-bảo-rằng-giao-diện-sẽ-tự-động-điều-chỉnh-và-hiển-thị-tốt-trên-các-thiết-bị-di-động-và-desktop,-sử-dụng-Grid-và-Box-của-MUI-để-tạo-cấu-trúc-linh-hoạt.-•-Các-thành-phần-sẽ-có-spacing-hợp-lý,-sử-dụng-Typography-từ-MUI-để-hiển-thị-các-tiêu-đề-và-văn-bản.