Restaurant Management System - Copy this React, Tailwind Component to your project

The system will have 2 type of user: waiter and customer so we need a sidebar let user can The system includes the following main functions: Bold of them will have: Login/Signup User Settings Checkin shop: checkin by QR code to join a table to create order and payment in the future Order and payment Balance: log the bill money to other other, The waiter user will have: Shop setting: User Management: manage employee and permission in shop Menu Management (Custom and Upload) Table Management: create table with QR code Order Management: create order Payment Management Finances Review Management Dashboard & Notifications For each function, create detailed design descriptions for both web and mobile interfaces. Consider the following aspects: Layout and structure Color scheme and visual hierarchy Navigation and user flow Responsive design (for web) and mobile-specific considerations Key UI components (e.g., forms, tables, charts) Accessibility features Consistency across different functions