Fix eslint issues in frontend

Author: szelongq

frontend/src/components/CollabProblemSolverLeft.tsx

@@ -1,6 +1,5 @@
 // ProblemSolverLeft.jsx
 import React, {useEffect } from 'react';
-import { useParams } from 'react-router-dom';
 import {
   Paper,
   Typography,
@@ -18,8 +17,6 @@ function CollabProblemSolverLeft({questionNumber}: {questionNumber: string}) {
   // Find the question that matches the questionId
   const question = questions.find((q) => q.id === questionId);
   console.log(question)
-//   console.log(questions)
-  // console.log(question)
   useEffect(() => {
     // Fetch initial code or other data as needed
     // You can set the initial code or other data here

frontend/src/components/CollabProblemSolverRight.tsx

@@ -8,7 +8,6 @@ import { v4 as uuidv4 } from "uuid";
 
 import { DefaultEventsMap } from "@socket.io/component-emitter";
 import PartySocket from "partysocket";
-import socket from "./MatchingService/socket";
 
 interface ChatMessage {
   id: string;

frontend/src/components/Navbar.tsx

@@ -16,7 +16,6 @@ import MenuIcon from "@mui/icons-material/Menu";
 import AdbIcon from "@mui/icons-material/Adb";
 import { useAuth } from "../auth/auth.context";
 import { useNavigate } from "react-router-dom";
-import { useData } from "../data/data.context";
 
 const pages = [
   {

frontend/src/components/Questions/QuestionForm.tsx

@@ -45,10 +45,9 @@ const QuestionForm: React.FC<QuestionFormProps> = ({
     { value: "Medium", label: "Medium" },
     { value: "Hard", label: "Hard" },
   ];
-  const { questions, getQuestions, loading } = useData();
+  const { questions, getQuestions } = useData();
   const [openSnackbar, setOpenSnackbar] = useState(false);
   const [snackbarMessage, setSnackbarMessage] = useState("");
-  const [allQuestions, setAllQuestions] = useState();
   const [showSimilarQuestionsDialog, setShowSimilarQuestionsDialog] =
     useState(false);
   const [similarQuestions, setSimilarQuestions] = useState<Question[]>([]);
@@ -57,7 +56,6 @@ const QuestionForm: React.FC<QuestionFormProps> = ({
       getQuestions();
     }
     getInterviewQuestions();
-    // console.log("here");
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 

frontend/src/pages/App.tsx

@@ -4,8 +4,6 @@ import Home from "../components/Home";
 import "./App.css";
 import CenteredContainer from "../components/CenteredContainer";
 import QuestionsTable from "../components/Questions/QuestionsTable";
-import AddQuestionTab from "../components/Questions/AddQuestionTab";
-import EditQuestionsTab from "../components/Questions/EditQuestionsTab";
 
 export default function App() {
   return (

frontend/src/pages/createAdmin.tsx

@@ -3,7 +3,6 @@ import {
   Box,
   Button,
   CssBaseline,
-  Link,
   TextField,
   Typography,
 } from "@mui/material";
@@ -13,7 +12,7 @@ import PasswordField from "../components/PasswordField";
 import { useAuth } from "../auth/auth.context";
 
 export default function CreateAdmin() {
-  const { user, error, signUpAdmin } = useAuth();
+  const { error, signUpAdmin } = useAuth();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [creation, setCreation] = useState(false);

frontend/src/pages/profile.tsx

@@ -81,7 +81,7 @@ export default function Profile() {
           </Grid>
         </Grid>
         <DeleteButtonModal/>
-        {user?.role == 'master' && <AdminUsersTable/>}
+        {user?.role === 'master' && <AdminUsersTable/>}
       </Container>
     </Box>
   );