chore: eslint plugins to sort import and remove unused import automatically

website/src/components/Header/Header.tsx

@@ -1,14 +1,13 @@
 import { Button } from "@chakra-ui/react";
 import { Popover } from "@headlessui/react";
+import clsx from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import Image from "next/image";
 import Link from "next/link";
-
-import { signOut, useSession } from "next-auth/react";
-import { FaUser, FaSignOutAlt } from "react-icons/fa";
-import clsx from "clsx";
-
+import { useSession } from "next-auth/react";
+import { FaUser } from "react-icons/fa";
 import { Container } from "src/components/Container";
+
 import { NavLinks } from "./NavLinks";
 import { UserMenu } from "./UserMenu";
 

website/src/components/Header/NavLinks.tsx

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

website/src/components/Header/UserMenu.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import { signOut, useSession } from "next-auth/react";
-import Image from "next/image";
 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";
 
 export function UserMenu() {

website/src/components/Header/index.ts

@@ -1,3 +1,3 @@
 export { Header } from "./Header";
-export { UserMenu } from "./UserMenu";
 export { NavLinks } from "./NavLinks";
+export { UserMenu } from "./UserMenu";