Styled Container - Copy this React, Mui Component to your project

List of functions: Admin: Manage users (CRUD) Manage classes (CRUD) Manage submission folders (CRUD) View all submissions and scores View and manage contribution ideas Teachers: Create and manage submission folders Grade submissions View list of students in class Manage student contributions Students: Submit assignments to teacher's folder View scores and comments Contribute ideas on school page View list of classes and classmates Workflow design: a) Login: User → Login → Authentication system → Go to corresponding page (Admin/Teacher/Student) b) Admin: Manage users: View list → Add/Edit/Delete → Update database Class management: View list → Add/Edit/Delete → Update database Manage folder management: View list → Add/Edit/Delete → Update database c) Teachers: Create a submission folder: Select class → Create folder → Update database Grade: Select folder → View submission → Grade/Comment → Update database d) Students: Submit assignment: Select class → Select folder → Upload assignment → Update database Contribute ideas: Write ideas → Submit → Approve (Teacher/Admin) → Publish Database structure: CMS database structure This database structure includes the following main tables: Users: Store user information (admin, teacher, student) Classes: Store information about classes ClassEnrollments: Link students to classes Folders: Store information about submission folders posts Submissions: Store information about student submissions Ideas: Store student ideas This structure allows you to implement the functions mentioned above and maintain the relationship between users, classes, submissions, and ideas. Would you like me to elaborate on any part of this design?