linting fixes

Author: CalPinSW

frontend/eslint.config.js

@@ -10,9 +10,6 @@ export default [
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,
   pluginReact.configs.flat.recommended,
-  {
-    rules: {"unused-imports/no-unused-imports": "error"}
-  },
   {
     ignores: ["public/bundle.js"],
   },

frontend/package-lock.json

@@ -41,8 +41,8 @@
 		"typescript-eslint": "^8.2.0"
 	},
 	"dependencies": {
-		"@tanstack/react-table": "^8.20.1",
 		"@tanstack/react-query": "^5.51.21",
+		"@tanstack/react-table": "^8.20.1",
 		"dotenv": "^16.4.5",
 		"moment": "^2.30.1",
 		"react": "^18.3.1",

frontend/package.json

@@ -7,7 +7,6 @@ import Box from "./components/Box";
 import AddPlaylistForm from "./AddPlaylistForm";
 import { GoArrowLeft, GoArrowRight } from "react-icons/go";
 import CustomButton from "./components/Button";
-import PlaybackFooter from "./presentational/PlaybackFooter";
 import useWindowSize from "./hooks/useWindowSize";
 
 interface PaginationState {

frontend/src/MainPage.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 
-const LoadingSpinner = ({}) => {
+const LoadingSpinner = () => {
     return (
         <div role="status">
             <svg aria-hidden="true" className="w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-green-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">

frontend/src/components/LoadingSpinner.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Link } from "react-router-dom";
-import { getCurrentUserDetails, login, populateUserData} from "../../api";
+import { getCurrentUserDetails, login} from "../../api";
 import { useQuery } from "@tanstack/react-query";
 import { User } from "../../interfaces/User";
 import UserMenu from "./UserMenu";

frontend/src/presentational/Header/Header.tsx

@@ -3,7 +3,7 @@ import Button from "../components/Button";
 import LoadingSpinner from "../components/LoadingSpinner";
 
 interface ButtonWithLoadingStateProps {
-    actionCallback: () => Promise<any>;
+    actionCallback: () => Promise<Response>;
     text: string;
 }