I$\text{'}$m using react and chakra ui to make certain page. The page that I need to do is where a conselor can check his$/$her appoinments. Meaning after students have reserve a certain time slot, the counselor can check the reserved appoinments when they goes to this "advisorconsultation" page. In the table are student's name, reserve data$/$time $,$ reservation progress and reservation$/$student details which counselor need to click on the "see more" to go to another page. So how can I do this to make it the same as the picture I've given?