fix method signature from merge. eslint fixes

website/src/components/Header/Header.tsx

@@ -1,4 +1,4 @@
-import { Button, Box } from "@chakra-ui/react";
+import { Box, Button } from "@chakra-ui/react";
 import { Popover } from "@headlessui/react";
 import { AnimatePresence, motion } from "framer-motion";
 import Image from "next/image";
@@ -6,9 +6,9 @@ import Link from "next/link";
 import { useSession } from "next-auth/react";
 import { FaUser } from "react-icons/fa";
 
+import { ColorModeIconToggle } from "../UI/ColorModeIconToggle";
 import { NavLinks } from "./NavLinks";
 import { UserMenu } from "./UserMenu";
-import { ColorModeIconToggle } from "../UI/ColorModeIconToggle";
 
 function MenuIcon(props) {
   return (

website/src/components/Header/NavLinks.tsx

@@ -1,9 +1,8 @@
+import { useColorMode } from "@chakra-ui/react";
 import { AnimatePresence, motion } from "framer-motion";
 import Link from "next/link";
 import { useState } from "react";
 
-import { useColorMode } from "@chakra-ui/react";
-
 export function NavLinks(): JSX.Element {
   const [hoveredIndex, setHoveredIndex] = useState(null);
   const { colorMode } = useColorMode();

website/src/components/Header/UserMenu.tsx

@@ -1,10 +1,10 @@
+import { Box, useColorModeValue } from "@chakra-ui/react";
 import { Popover } from "@headlessui/react";
 import { AnimatePresence, motion } from "framer-motion";
 import Image from "next/image";
 import { signOut, useSession } from "next-auth/react";
 import React from "react";
 import { FaCog, FaSignOutAlt } from "react-icons/fa";
-import { Box, useColorModeValue } from "@chakra-ui/react";
 
 export function UserMenu() {
   const { data: session } = useSession();