fix: lint fixes

Author: wlee261

src/components/LandingPage/HeroSection.tsx

@@ -9,20 +9,33 @@ export default function HeroSection() {
 				Browse, rate and share themes for your chatbot today and more!
 			</h3>
 			<div className="flex mt-6 flex-col items-center sm:flex-row gap-2">
-
-        
-				<Link  to={"/themes"}>
-					<button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg'>
+				<Link to={"/themes"}>
+					<button
+						className="
+              bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px] hover:to-primary-600 
+              transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg
+            "
+					>
 						Themes
 					</button>
 				</Link>
-				<Link  to={"/plugins"}>
-					<button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg'>
+				<Link to={"/plugins"}>
+					<button
+						className="
+              bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px] hover:to-primary-600 
+              transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg
+            "
+					>
 						Plugins
 					</button>
 				</Link>
-				<Link  to={"https://react-chatbotify.com"}>
-					<button className='bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px]  hover:to-primary-600 transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg'>
+				<Link to={"https://react-chatbotify.com"}>
+					<button
+						className="
+              bg-accent-900 hover:bg-gradient-to-r hover:from-secondary-900 px-2 py-1 text-[14px] hover:to-primary-600 
+              transition-colors duration-300 hover:text-accent-900 sm:px-4 sm:py-2 sm:text-lg rounded-lg
+            "
+					>
 						Documentation
 					</button>
 				</Link>

src/components/NavigationBar/NavigationBar.tsx

@@ -3,7 +3,6 @@ import { Link, useNavigate } from 'react-router-dom';
 
 import { handleLogin } from '../../services/authService';
 import { useAuth } from '../../context/AuthContext';
-import { SiteConfig } from '../../constants/SiteConfig';
 import logo from '../../assets/images/logo.png';
 import AppThemeToggle from './AppThemeToggle';
 import { useTranslation } from 'react-i18next';
@@ -41,7 +40,7 @@ const NavigationBar = () => {
 	const navbarRef = useRef<HTMLDivElement>(null)
 
 	useEffect(function(){
-		window.addEventListener('scroll',function(e){
+		window.addEventListener('scroll',function(){
 			if(navbarRef.current) {
 				if(window.scrollY >= 50) {
 					navbarRef.current.className = navBarClass + ' opacity-80 bg-black'

src/pages/Home.tsx

@@ -1,11 +1,7 @@
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
-import { handleLogin } from '../services/authService';
 import { useAuth } from '../context/AuthContext';
-import { SiteConfig } from '../constants/SiteConfig';
-import logo from "../assets/images/logo.png";
 
-import { Button } from 'react-chatbotify';
 import HeroSection from '../components/LandingPage/HeroSection';
 
 import NavigationBar from '../components/NavigationBar/NavigationBar';
@@ -19,17 +15,21 @@ import { useTranslation } from 'react-i18next';
  */
 const HomePage = () => {
 	// used to render different text if user is logged in
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	const { isLoggedIn, userData } = useAuth()
 
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	const {t} = useTranslation();
 
 	// handles navigation
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	const navigate = useNavigate()
 
 	return (
 		<div className="relative overflow-hidden h-screen bg-accent-50 w-full">
-			<div className='absolute size-[60%] sm:size-[60%] md:size-[60%] bg-gradient-to-r from-secondary-900 -rotate-[30deg] to-primary-600 rounded-full z-0 top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%] blur-[150px] sm:blur-[200px]'>
+			<div className='absolute size-[60%] sm:size-[60%] md:size-[60%] bg-gradient-to-r from-secondary-900
+      -rotate-[30deg] to-primary-600 rounded-full z-0 top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]
+      blur-[150px] sm:blur-[200px]'>
 			</div>
 			<div className='relative z-1'>
 				<NavigationBar />