Supervising Teacher Assignment - Copy this React, Mui Component to your project

Design of the Supervising Teacher Assignment Interface Overview of the Interface The interface consists of three main sections: Left Table: Displays a list of students who have not been assigned a supervisor, with a search button to find specific students. Right Table: Contains a combobox to select a teacher. Once a teacher is selected, the table shows the list of students currently being supervised by that teacher. Middle Section: Contains two arrow buttons (left and right) used to add or remove students from a teacher's supervision. Additionally, there is an API available to add or remove supervising teachers for students.