refactor: frontend view

Author: YuriUfimtsev

hwproj.front/src/components/Courses/Course.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import {Link as RouterLink, useSearchParams} from "react-router-dom";
-import {AccountDataDto, StatisticsCourseMatesModel, CourseViewModel, FileInfoDTO, HomeworkViewModel} from "../../api";
+import {AccountDataDto, CourseViewModel, FileInfoDTO, HomeworkViewModel, StatisticsCourseMatesModel} from "../../api";
 import CourseHomework from "../Homeworks/CourseHomework";
 import AddHomework from "../Homeworks/AddHomework";
 import StudentStats from "./StudentStats";

hwproj.front/src/components/Courses/StudentStats.tsx

@@ -1,13 +1,9 @@
 import React, {useEffect, useState} from "react";
-import {
-    CourseViewModel,
-    HomeworkViewModel,
-    StatisticsCourseMatesModel
-} from "../../api/";
+import {CourseViewModel, HomeworkViewModel, StatisticsCourseMatesModel} from "../../api/";
 import {useNavigate, useParams} from 'react-router-dom';
 import {Table, TableBody, TableCell, TableContainer, TableHead, TableRow} from "@material-ui/core";
 import StudentStatsCell from "../Tasks/StudentStatsCell";
-import {Alert, Button, Chip} from "@mui/material";
+import {Alert, Button, Chip, Typography} from "@mui/material";
 import {grey} from "@material-ui/core/colors";
 import StudentStatsUtils from "../../services/StudentStatsUtils";
 import ShowChartIcon from "@mui/icons-material/ShowChart";
@@ -230,12 +226,18 @@ const StudentStats: React.FC<IStudentStatsProps> = (props) => {
                                         variant={"head"}
                                     >
                                         {cm.surname} {cm.name}
-                                        <div style={{color: "gray", fontSize: "12px", marginTop: "-4px", lineHeight: '1.2'}}>
+                                        <Typography
+                                            style={{
+                                                color: "GrayText",
+                                                fontSize: "12px",
+                                                lineHeight: '1.2'
+                                            }}
+                                        >
                                             {cm.reviewers && cm.reviewers
                                                 .filter(r => r.userId !== props.userId)
                                                 .map(r => `${r.name} ${r.surname}`)
                                                 .join(', ')}
-                                        </div>
+                                        </Typography>
                                     </TableCell>
                                     {hasHomeworks && <TableCell
                                         align="center"