resoled issues of unused values

Author: ConnerWithAnE

web/src/App.tsx

@@ -2,7 +2,7 @@ import { useState as _useState } from 'react';
 import { Route, Routes, BrowserRouter, useLocation } from 'react-router-dom';
 import './App.css';
 import CASCallback from './auth/CASCallback';
-import ProtectedRoute from './auth/ProtectedRoute';
+import _ProtectedRoute from './auth/ProtectedRoute';
 import UploadPage from './pages/UploadPage';
 import ModifyPage from './pages/ModifyPage';
 import Nav from './components/nav-bar/nav-bar';

web/src/pages/UploadPage.tsx

@@ -1,6 +1,6 @@
-import { ChangeEvent, useState } from "react";
+import { useState } from "react";
 import "../App.css";
-import { Button, Input } from "@nextui-org/react";
+import { Button } from "@nextui-org/react";
 import UploadPageSliver from "../components/upload-page-sliver";
 import { useNavigate } from "react-router-dom";
 import { GPTResponse } from "../types/types";
@@ -55,7 +55,7 @@ export default function UploadPage() {
     };
 
     // Handle the click to trigger file input
-    const handleDivClick = (event: React.MouseEvent<HTMLDivElement>): void => {
+    const handleDivClick = (_event: React.MouseEvent<HTMLDivElement>): void => {
         const fileInput = document.getElementById(
             "dropzone-file"
         ) as HTMLInputElement;