Trinity Attend - Component Installation Script

✅ Step 1: Install Dependencies

Run this command first to get all packages including the new QR scanner:

npm install --legacy-peer-deps

Run this to add all UI components to your project:

npx shadcn@latest add dialog dropdown-menu table tabs switch progress avatar badge separator skeleton checkbox popover toast

This will start your Next.js 16 + React 19 app with Tailwind v4:

npm run dev

Note: We switched to @yudiel/react-qr-scanner for better React 19 compatibility.