diff --git a/frontend/components/Navigation.tsx b/frontend/components/Navigation.tsx
index c82816a..744e6a0 100644
--- a/frontend/components/Navigation.tsx
+++ b/frontend/components/Navigation.tsx
@@ -1,12 +1,13 @@
 import { useEffect, useState } from "react";
-import { MoonStars, Sun, List } from "react-bootstrap-icons";
+import { List, MoonStars, Sun } from "react-bootstrap-icons";
 
 import Link from "next/link";
-import NavItem from "./NavItem";
-import Logo from "./logo";
 import { useRecoilState } from "recoil";
+
+import { APIError, ErrorCode, fetchAPI, MeUser } from "../lib/api-fetch";
 import { themeState, userState } from "../lib/state";
-import { fetchAPI, APIError, ErrorCode, MeUser } from "../lib/api-fetch";
+import Logo from "./logo";
+import NavItem from "./NavItem";
 
 export default function Navigation() {
   const [user, setUser] = useRecoilState(userState);
diff --git a/frontend/components/PersonPage.tsx b/frontend/components/PersonPage.tsx
index 5484885..97a8586 100644
--- a/frontend/components/PersonPage.tsx
+++ b/frontend/components/PersonPage.tsx
@@ -1,8 +1,5 @@
 import Head from "next/head";
-import ReactMarkdown from "react-markdown";
-import { userState } from "../lib/state";
-import { useRecoilValue } from "recoil";
-import FallbackImage from "./FallbackImage";
+import React from "react";
 import {
   EmojiLaughing,
   HandThumbsDown,
@@ -10,10 +7,14 @@ import {
   HeartFill,
   People,
 } from "react-bootstrap-icons";
-import BlueLink from "./BlueLink";
-import React from "react";
-import Card from "./Card";
+import ReactMarkdown from "react-markdown";
+import { useRecoilValue } from "recoil";
+
 import { Field, Label, LabelStatus, Person, User } from "../lib/api";
+import { userState } from "../lib/state";
+import BlueLink from "./BlueLink";
+import Card from "./Card";
+import FallbackImage from "./FallbackImage";
 
 export default function PersonPage({ person }: { person: Person }) {
   return (
diff --git a/frontend/pages/_app.tsx b/frontend/pages/_app.tsx
index fb70534..472302f 100755
--- a/frontend/pages/_app.tsx
+++ b/frontend/pages/_app.tsx
@@ -1,9 +1,11 @@
 import "../styles/globals.css";
+
 import type { AppProps } from "next/app";
+import Head from "next/head";
+import { RecoilRoot } from "recoil";
+
 import Container from "../components/Container";
 import Navigation from "../components/Navigation";
-import { RecoilRoot } from "recoil";
-import Head from "next/head";
 
 function MyApp({ Component, pageProps }: AppProps) {
   const domain =
diff --git a/frontend/pages/login/discord.tsx b/frontend/pages/login/discord.tsx
index 5cee65c..e1aed1d 100644
--- a/frontend/pages/login/discord.tsx
+++ b/frontend/pages/login/discord.tsx
@@ -1,14 +1,15 @@
-import { useEffect, useState } from "react";
 import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
 import { useRecoilState } from "recoil";
-import { userState } from "../../lib/state";
-import TextInput from "../../components/TextInput";
-import Loading from "../../components/Loading";
-import Button, { ButtonStyle } from "../../components/Button";
-import Notice from "../../components/Notice";
+
 import BlueLink from "../../components/BlueLink";
-import toast from "../../lib/toast";
+import Button, { ButtonStyle } from "../../components/Button";
+import Loading from "../../components/Loading";
+import Notice from "../../components/Notice";
+import TextInput from "../../components/TextInput";
 import { fetchAPI, MeUser, SignupResponse } from "../../lib/api-fetch";
+import { userState } from "../../lib/state";
+import toast from "../../lib/toast";
 
 interface CallbackResponse {
   has_account: boolean;
diff --git a/frontend/pages/login/index.tsx b/frontend/pages/login/index.tsx
index 60b61d4..516dce8 100644
--- a/frontend/pages/login/index.tsx
+++ b/frontend/pages/login/index.tsx
@@ -1,7 +1,8 @@
 import { GetServerSideProps } from "next";
+import Head from "next/head";
 import { useRouter } from "next/router";
 import { useRecoilValue } from "recoil";
-import Head from "next/head";
+
 import { fetchAPI } from "../../lib/api-fetch";
 import { userState } from "../../lib/state";
 
diff --git a/frontend/pages/logout.tsx b/frontend/pages/logout.tsx
index 695a0e5..26de045 100644
--- a/frontend/pages/logout.tsx
+++ b/frontend/pages/logout.tsx
@@ -1,6 +1,7 @@
 import { useRouter } from "next/router";
 import { useEffect } from "react";
 import { useRecoilState } from "recoil";
+
 import Loading from "../components/Loading";
 import { userState } from "../lib/state";
 
diff --git a/frontend/pages/page/[page].tsx b/frontend/pages/page/[page].tsx
index 5ed6cd9..ba56fc0 100644
--- a/frontend/pages/page/[page].tsx
+++ b/frontend/pages/page/[page].tsx
@@ -1,9 +1,9 @@
-import { GetStaticProps } from "next";
 import { readdirSync } from "fs";
-import ReactMarkdown from "react-markdown";
 import { readFile } from "fs/promises";
-import { join } from "path";
+import { GetStaticProps } from "next";
 import Head from "next/head";
+import { join } from "path";
+import ReactMarkdown from "react-markdown";
 
 export async function getStaticPaths() {
   const names = readdirSync("./static_pages").filter((name) =>
diff --git a/frontend/pages/u/[user]/[member].tsx b/frontend/pages/u/[user]/[member].tsx
index 82773e1..520ca16 100644
--- a/frontend/pages/u/[user]/[member].tsx
+++ b/frontend/pages/u/[user]/[member].tsx
@@ -1,4 +1,5 @@
 import { GetServerSideProps } from "next";
+
 import PersonPage from "../../../components/PersonPage";
 import { Member } from "../../../lib/api";
 import * as API from "../../../lib/api-fetch";
diff --git a/frontend/pages/u/[user]/index.tsx b/frontend/pages/u/[user]/index.tsx
index a417273..ea27612 100644
--- a/frontend/pages/u/[user]/index.tsx
+++ b/frontend/pages/u/[user]/index.tsx
@@ -1,4 +1,5 @@
 import { GetServerSideProps } from "next";
+
 import PersonPage from "../../../components/PersonPage";
 import { User } from "../../../lib/api";
 import * as API from "../../../lib/api-fetch";