Fix lint

Author: NorbertLoh

frontend/peerprep/app/components/header/header.tsx

@@ -1,16 +1,12 @@
 // With reference from official Mantine documentation
 // https://ui.mantine.dev/category/headers/
 
-import { Burger, Container, Group, Text } from "@mantine/core";
-import { useDisclosure } from "@mantine/hooks";
+import { Container, Group, Text } from "@mantine/core";
 import { useNavigate } from "react-router";
 import classes from "./header.module.css";
 import logo from "../../assets/images/logo.svg";
 
-const links = [{ link: "/user", label: "Home" }];
-
 export default function Header() {
-  const [opened, { toggle }] = useDisclosure(false);
   const navigate = useNavigate();
 
   return (

frontend/peerprep/app/components/table/table.tsx

@@ -1,9 +1,17 @@
 import { Button, Card, Divider, Table, Text, Pagination, Group } from "@mantine/core";
 import classes from "./table.module.css";
 
-export default function HistoryTable({ data }: { data: any[] }) {
-  const rows = data.map((row, index) => (
-    <Table.Tr key={row.name}>
+export type InterviewHistory = {
+  question: string;
+  completionDate: string;
+  difficulty: string;
+  topic: string;
+  language: string;
+};
+
+export default function HistoryTable({ data }: { data: InterviewHistory[] }) {
+  const rows = data.map((row) => (
+    <Table.Tr key={row.question}>
       <Table.Td>{row.question}</Table.Td>
       <Table.Td ta="right">{row.completionDate}</Table.Td>
       <Table.Td ta="right">{row.difficulty}</Table.Td>

frontend/peerprep/app/pages/userpage.tsx

@@ -1,20 +1,12 @@
 import {
   Grid,
-  TextInput,
   Button,
-  PasswordInput,
-  Divider,
-  Text,
-  Image,
   useMantineTheme,
-  Card,
 } from "@mantine/core";
 
-import { Link } from "react-router";
-import Header from "../components/header/header";
-import logo from "../assets/images/logo.svg";
 import StatsCard from "../components/statscard";
 import HistoryTable from "../components/table/table";
+import type {InterviewHistory} from "../components/table/table";
 
 import { useState } from "react";
 
@@ -28,7 +20,7 @@ export function meta() {
 export default function Userpage() {
   const theme = useMantineTheme();
 
-  const [data, setData] = useState<any[]>([
+  const [data, ] = useState<InterviewHistory[]>([
     {
       question: "Two Sum",
       completionDate: "2024-10-01",

frontend/peerprep/app/root.tsx

@@ -15,7 +15,6 @@ import {
   Container,
   Button,
   Input,
-  Card,
 } from "@mantine/core";
 
 import type { Route } from "./+types/root";