E2522: Enhancing UI Consistency in Expertiza 1 (Reimplementation: pr76 & pr52)

package.json

@@ -20,10 +20,10 @@
     "axios": "^1.4.0",
     "bootstrap": "^5.3.3",
     "chart.js": "^4.1.1",
-    "recharts": "^2.0.0",
     "formik": "^2.2.9",
     "jquery": "^3.7.1",
     "jwt-decode": "^3.1.2",
+    "mysql2": "^3.14.0",
     "react": "^18.2.0",
     "react-bootstrap": "^2.7.4",
     "react-chartjs-2": "^5.2.0",
@@ -34,6 +34,7 @@
     "react-redux": "^8.0.5",
     "react-router-dom": "^6.11.1",
     "react-scripts": "^5.0.1",
+    "recharts": "^2.0.0",
     "redux-persist": "^6.0.0",
     "sass": "^1.62.1",
     "save": "^2.9.0",

src/App.tsx

@@ -27,6 +27,8 @@ import Questionnaire from "pages/EditQuestionnaire/Questionnaire";
 import Courses from "pages/Courses/Course";
 import CourseEditor from "pages/Courses/CourseEditor";
 import { loadCourseInstructorDataAndInstitutions } from "pages/Courses/CourseUtil";
+import StudentTasks from "./pages/StudentTasks/StudentTasks";
+import StudentTaskDetail from "pages/StudentTasks/StudentTaskDetail";
 import TA from "pages/TA/TA";
 import TAEditor from "pages/TA/TAEditor";
 import { loadTAs } from "pages/TA/TAUtil";
@@ -59,6 +61,22 @@ function App() {
           path: "edit-questionnaire",
           element: <ProtectedRoute element={<Questionnaire />} />,
         },
+        {
+          path: "student_tasks",
+          element: <ProtectedRoute element={<StudentTasks />} leastPrivilegeRole={ROLE.STUDENT} />,
+          // children: [
+          //   {
+          //     path: ":id",
+          //     element: <StudentTaskDetail />,
+          //   },
+          // ],
+        },
+        {
+          path: "student_task_detail/:id",
+          element: (
+            <ProtectedRoute element={<StudentTaskDetail />} leastPrivilegeRole={ROLE.STUDENT} />
+          ),
+        },
         {
           path: "assignments/edit/:id/createteams",
           element: <CreateTeams />,
@@ -192,11 +210,11 @@ function App() {
         },
         {
           path: "reviews",
-          element: <Reviews/>,
+          element: <Reviews />,
         },
         {
           path: "email_the_author",
-          element: <Email_the_author/>,
+          element: <Email_the_author />,
         },
         // Fixed the missing comma and added an opening curly brace
         {