Take the StudyBuddy web app you generated earlier and upgrade it with the following:🎨 Design / Styling- Use a fun, interactive, student-friendly color palette (vibrant blues, teals, purples, yellows).- Keep the UI minimal and clean with plenty of white space and rounded corners.- Add subtle animations and hover effects on buttons and cards.📅 Calendar Feature- Make the calendar fully functional so students can add, edit, and delete events.- Show events in a list view below the calendar for easy reference.- Store calendar data in localStorage (or a simple backend endpoint placeholder).🤖 AI Assistant- Add a chatbot icon fixed to the bottom-right corner.- Students can click it to open a chat window and ask:

1. Questions about how to use the website. 2. Questions/doubts about uploaded materials, documents, or YouTube videos.- Build a placeholder backend endpoint for now; display dummy answers but keep the frontend ready for a real AI API.- Show a typing animation and conversation bubbles.📝 Flowchart Creation Tool- Add a new menu item: “Flowcharts”.- On this page, let students drag and drop shapes (rectangle, diamond, arrow connectors) to create flowcharts.- Allow export of flowchart as PNG or PDF.- Use an existing React flowchart library (like React Flow or jsPlumb) if possible.📑 Pages / Nav Update- Navbar links: Dashboard | Calendar | Notes | Video→Key Points | Flowcharts.- Include the chatbot on every page.- Keep dark/light mode toggle.⚡ Technical Requirements- Built with React + TailwindCSS.- Use react-router-dom for routing.- Integrate react-calendar for the calendar.- Integrate React Flow (or similar) for flowcharts.- Dummy API endpoints for AI Assistant and Video Summarization ready to swap out later.📱 Other
   Make everything fully responsive.- Use emojis where it makes sense (📅 📝 🎥 🤖).- Include sample data so the demo looks alive.Please generate all the React code files with components and routing so I can run npm install and npm start immediately.