diff --git a/components/Bubble.tsx b/components/Bubble.tsx
index 39d7094b..746ee896 100644
--- a/components/Bubble.tsx
+++ b/components/Bubble.tsx
@@ -1,5 +1,7 @@
 import React from "react";
+
 import { DefaultLayout } from "./DefaultLayout";
+
 import styles from "./Bubble.module.css";
 
 export default function Bubble(props: { children: React.ReactNode }) {
diff --git a/components/Button.tsx b/components/Button.tsx
index e04b2df7..92d75463 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -1,4 +1,5 @@
 import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+
 import styles from "./Button.module.css";
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
diff --git a/components/ConnectWithUs.tsx b/components/ConnectWithUs.tsx
index cef31144..7e9d333b 100644
--- a/components/ConnectWithUs.tsx
+++ b/components/ConnectWithUs.tsx
@@ -1,7 +1,9 @@
 import React from "react";
-import styles from "./ConnectWithUs.module.css";
-import { SocialLinks } from "./SocialLinks";
+
 import { Link } from "./Link";
+import { SocialLinks } from "./SocialLinks";
+
+import styles from "./ConnectWithUs.module.css";
 
 export function ConnectWithUs() {
   return (
diff --git a/components/DefaultLayout.tsx b/components/DefaultLayout.tsx
index 1cc4fb4f..49992358 100644
--- a/components/DefaultLayout.tsx
+++ b/components/DefaultLayout.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+
 import styles from "./DefaultLayout.module.css";
 
 export function DefaultLayout(props: { children: React.ReactNode }) {
diff --git a/components/EmailSignup.tsx b/components/EmailSignup.tsx
index c5e3ba0e..9a1885ae 100644
--- a/components/EmailSignup.tsx
+++ b/components/EmailSignup.tsx
@@ -1,8 +1,10 @@
 import React from "react";
-import styles from "./EmailSignup.module.css";
+
 import { Button } from "./Button";
 import { Input } from "./Input";
 
+import styles from "./EmailSignup.module.css";
+
 export function EmailSignup() {
   return (
     <section className={styles.container}>
diff --git a/components/EventCard.tsx b/components/EventCard.tsx
index 81a07ada..eeae0997 100644
--- a/components/EventCard.tsx
+++ b/components/EventCard.tsx
@@ -1,10 +1,11 @@
 import React, { ReactNode } from "react";
-import { Button } from "./Button";
-import styles from "./EventCard.module.css";
 
+import { Button } from "./Button";
 import { EventSetting } from "./EventSetting";
 import { Image } from "./Image";
 
+import styles from "./EventCard.module.css";
+
 interface EventCardProps {
   name: string;
   short: string;
diff --git a/components/EventDescriptionCard.tsx b/components/EventDescriptionCard.tsx
index 11c73d97..86c9b3db 100644
--- a/components/EventDescriptionCard.tsx
+++ b/components/EventDescriptionCard.tsx
@@ -1,10 +1,12 @@
 import React from "react";
+
 import { Button } from "./Button";
-import { Image } from "./Image";
 import { EventSetting } from "./EventSetting";
-import styles from "./EventDescriptionCard.module.css";
+import { Image } from "./Image";
 import { Discord, Twitch, Instagram, Facebook } from "./SocialLinks";
 
+import styles from "./EventDescriptionCard.module.css";
+
 interface Props {
   name: string;
   short: string;
diff --git a/components/EventSetting.tsx b/components/EventSetting.tsx
index aa95025c..a0725385 100644
--- a/components/EventSetting.tsx
+++ b/components/EventSetting.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+
 import styles from "./EventSetting.module.css";
 
 interface Props {
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 0ce6c715..e0fac676 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,7 +1,9 @@
 import React from "react";
-import styles from "./Footer.module.css";
+
 import { SocialLinks } from "./SocialLinks";
 
+import styles from "./Footer.module.css";
+
 export function Footer() {
   return (
     <footer className={styles.footer}>
diff --git a/components/Input.tsx b/components/Input.tsx
index 477b3045..fb0cb0b3 100644
--- a/components/Input.tsx
+++ b/components/Input.tsx
@@ -1,4 +1,5 @@
 import React, { InputHTMLAttributes } from "react";
+
 import styles from "./Input.module.css";
 
 export function Input(props: InputHTMLAttributes<HTMLInputElement>) {
diff --git a/components/Link.tsx b/components/Link.tsx
index 97325ff6..15c6cfab 100644
--- a/components/Link.tsx
+++ b/components/Link.tsx
@@ -1,7 +1,7 @@
+import NextLink, { LinkProps as NextLinkProps } from "next/link";
 import React from "react";
+
 import styles from "./Link.module.css";
-import NextLink from "next/link";
-import { LinkProps as NextLinkProps } from "next/link";
 
 type Props = Omit<NextLinkProps, "href"> & { href: string };
 
diff --git a/components/MiniEventCard.tsx b/components/MiniEventCard.tsx
index 5236a7b0..79e41572 100644
--- a/components/MiniEventCard.tsx
+++ b/components/MiniEventCard.tsx
@@ -1,5 +1,7 @@
 import React, { ReactNode } from "react";
+
 import { EventSetting } from "./EventSetting";
+
 import styles from "./MiniEventCard.module.css";
 
 interface Props {
diff --git a/components/MiniTechTalkCard.tsx b/components/MiniTechTalkCard.tsx
index 86e069b3..c6f3ad99 100644
--- a/components/MiniTechTalkCard.tsx
+++ b/components/MiniTechTalkCard.tsx
@@ -1,6 +1,7 @@
-import { DEFAULT_MIN_VERSION } from "node:tls";
 import React from "react";
+
 import { Image } from "./Image";
+
 import styles from "./MiniTechTalkCard.module.css";
 
 interface MiniTechTalkProps {
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index a127b938..3d83bc18 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,7 +1,9 @@
-import React, { useReducer } from "react";
 import Link from "next/link";
 import { useRouter } from "next/router";
+import React, { useReducer } from "react";
+
 import { Image } from "./Image";
+
 import styles from "./Navbar.module.css";
 
 type Menu = {
diff --git a/components/NewsCard.tsx b/components/NewsCard.tsx
index f88c9676..7b364fc7 100644
--- a/components/NewsCard.tsx
+++ b/components/NewsCard.tsx
@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react";
+
 import styles from "./NewsCard.module.css";
 
 interface NewsCardProps {
diff --git a/components/OrganizedContent.tsx b/components/OrganizedContent.tsx
index 86a86f86..6d18db4c 100644
--- a/components/OrganizedContent.tsx
+++ b/components/OrganizedContent.tsx
@@ -1,4 +1,5 @@
 import React, { ReactNode, ComponentType } from "react";
+
 import styles from "./OrganizedContent.module.css";
 
 export interface LinkProps {
diff --git a/components/SocialLinks.tsx b/components/SocialLinks.tsx
index 91847ac4..75569d04 100644
--- a/components/SocialLinks.tsx
+++ b/components/SocialLinks.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+
 import styles from "./SocialLinks.module.css";
 
 interface Props {
diff --git a/components/TeamMember.tsx b/components/TeamMember.tsx
index 9c9cdc4c..eeea51ca 100644
--- a/components/TeamMember.tsx
+++ b/components/TeamMember.tsx
@@ -1,7 +1,9 @@
 import React from "react";
-import styles from "./TeamMember.module.css";
+
 import { Image } from "./Image";
 
+import styles from "./TeamMember.module.css";
+
 interface TeamMemberProps {
   name: string;
   role: string;
diff --git a/components/TeamMemberCard.tsx b/components/TeamMemberCard.tsx
index 4b9c4e73..c0ec84fe 100644
--- a/components/TeamMemberCard.tsx
+++ b/components/TeamMemberCard.tsx
@@ -1,5 +1,7 @@
 import React from "react";
+
 import { Image } from "./Image";
+
 import styles from "./TeamMemberCard.module.css";
 
 interface TeamMemberCardProps {
diff --git a/components/TechTalkCard.tsx b/components/TechTalkCard.tsx
index d3fe9a1a..03eaf182 100644
--- a/components/TechTalkCard.tsx
+++ b/components/TechTalkCard.tsx
@@ -1,5 +1,7 @@
 import React, { ReactNode } from "react";
+
 import { Image } from "./Image";
+
 import styles from "./TechTalkCard.module.css";
 
 interface TechTalkProps {
diff --git a/components/playground.tsx b/components/playground.tsx
index 58db985c..eeec2693 100644
--- a/components/playground.tsx
+++ b/components/playground.tsx
@@ -1,59 +1,56 @@
 import React, { useState } from "react";
-import styles from "./playground.module.css";
 
 import AfterHoursContent, {
   metadata as afterHoursMetadata,
 } from "../content/playground/after-hours.event.mdx";
-import OOTBReact, {
-  metadata as OOTBReactEventMetadata,
-} from "../content/playground/ootb-react.event.mdx";
 import AltTab, {
   metadata as altTabEventMetadata,
 } from "../content/playground/alt-tab.event.mdx";
-
-import Name, {
-  metadata as nameOrganizedContentMetadata,
-} from "../content/playground/constitution/name.section.mdx";
-import Purpose, {
-  metadata as purposeOrganizedContentMetadata,
-} from "../content/playground/constitution/purpose.section.mdx";
-import Membership, {
-  metadata as membershipOrganizedContentMetadata,
-} from "../content/playground/constitution/membership.section.mdx";
-import Officers, {
-  metadata as officersOrganizedContentMetadata,
-} from "../content/playground/constitution/officers.section.mdx";
+import CodeyInfo, {
+  metadata as codeyMetadata,
+} from "../content/playground/codey.team-member.mdx";
 import Duties, {
   metadata as dutiesOrganizedContentMetadata,
 } from "../content/playground/constitution/duties-of-officers.section.mdx";
 import ExecutiveCouncil, {
   metadata as executiveCouncilOrganizedContentMetadata,
 } from "../content/playground/constitution/executive-council.section.mdx";
-
-import UnavailableContent, {
-  metadata as unavailableMetadata,
-} from "../content/playground/unavailable.news.mdx";
+import Membership, {
+  metadata as membershipOrganizedContentMetadata,
+} from "../content/playground/constitution/membership.section.mdx";
+import Name, {
+  metadata as nameOrganizedContentMetadata,
+} from "../content/playground/constitution/name.section.mdx";
+import Officers, {
+  metadata as officersOrganizedContentMetadata,
+} from "../content/playground/constitution/officers.section.mdx";
+import Purpose, {
+  metadata as purposeOrganizedContentMetadata,
+} from "../content/playground/constitution/purpose.section.mdx";
 import { metadata as dogeMetadata } from "../content/playground/doge.team-member.mdx";
-import CodeyInfo, {
-  metadata as codeyMetadata,
-} from "../content/playground/codey.team-member.mdx";
-
+import OOTBReact, {
+  metadata as OOTBReactEventMetadata,
+} from "../content/playground/ootb-react.event.mdx";
 import TempTechTalk, {
   metadata as tempTechTalkMetadata,
 } from "../content/playground/temp.talk.mdx";
+import UnavailableContent, {
+  metadata as unavailableMetadata,
+} from "../content/playground/unavailable.news.mdx";
 
-import { MiniEventCard } from "./MiniEventCard";
-import { NewsCard } from "./NewsCard";
-import { Link } from "./Link";
+import { Button } from "./Button";
 import { EventCard } from "./EventCard";
 import { EventDescriptionCard } from "./EventDescriptionCard";
+import { Link } from "./Link";
+import { MiniEventCard } from "./MiniEventCard";
+import { MiniTechTalkCard } from "./MiniTechTalkCard";
+import { NewsCard } from "./NewsCard";
+import { OrganizedContent, LinkProps } from "./OrganizedContent";
 import { TeamMember } from "./TeamMember";
 import { TeamMemberCard } from "./TeamMemberCard";
-import { OrganizedContent, LinkProps } from "./OrganizedContent";
-import { Button } from "./Button";
-import { Footer } from "./Footer";
 import { TechTalkCard } from "./TechTalkCard";
-import { MiniTechTalkCard } from "./MiniTechTalkCard";
+
+import styles from "./playground.module.css";
 
 const events = [
   { Content: OOTBReact, metadata: OOTBReactEventMetadata },
diff --git a/pages/_app.tsx b/pages/_app.tsx
index cf480a9c..4fc6e4fe 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,12 +1,14 @@
-import React, { ComponentType, ReactNode } from "react";
+import { MDXProvider } from "@mdx-js/react";
 import { NextComponentType, NextPageContext } from "next";
 import { AppProps as DefaultAppProps } from "next/app";
-import { MDXProvider } from "@mdx-js/react";
-import { ThemeProvider } from "@/components/Theme";
-import { Navbar } from "@/components/Navbar";
+import React, { ComponentType, ReactNode } from "react";
+
+import { DefaultLayout } from "@/components/DefaultLayout";
 import { Footer } from "@/components/Footer";
 import { Link } from "@/components/Link";
-import { DefaultLayout } from "@/components/DefaultLayout";
+import { Navbar } from "@/components/Navbar";
+import { ThemeProvider } from "@/components/Theme";
+
 import styles from "./_app.module.css";
 
 import "./_app.css";
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
index a2a0f667..ad641899 100644
--- a/pages/about/index.tsx
+++ b/pages/about/index.tsx
@@ -1,10 +1,13 @@
 import React from "react";
-import { Image } from "@/components/Image";
-import Content from "../../content/about/index.mdx";
-import styles from "./index.module.css";
+
 import { ConnectWithUs } from "@/components/ConnectWithUs";
-import { EmailSignup } from "@/components/EmailSignup";
 import { DefaultLayout } from "@/components/DefaultLayout";
+import { EmailSignup } from "@/components/EmailSignup";
+import { Image } from "@/components/Image";
+
+import Content from "../../content/about/index.mdx";
+
+import styles from "./index.module.css";
 
 export default function AboutUs() {
   return (
diff --git a/pages/about/our-supporters.tsx b/pages/about/our-supporters.tsx
index 1cea555b..e7b31442 100644
--- a/pages/about/our-supporters.tsx
+++ b/pages/about/our-supporters.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 
+import { Image } from "@/components/Image";
+
 import Content from "../../content/about/our-supporters.mdx";
 
 import styles from "./our-supporters.module.css";
 
-import { Image } from "@/components/Image";
-
 export default function OurSupporters() {
   return (
     <>
diff --git a/pages/get-involved.tsx b/pages/get-involved.tsx
index 97bb0e8e..78a3f6ab 100644
--- a/pages/get-involved.tsx
+++ b/pages/get-involved.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 
-import Content from "../content/get-involved.mdx";
-
-import styles from "./get-involved.module.css";
-
 import { ConnectWithUs } from "@/components/ConnectWithUs";
 import { EmailSignup } from "@/components/EmailSignup";
 import { Image } from "@/components/Image";
 
+import Content from "../content/get-involved.mdx";
+
+import styles from "./get-involved.module.css";
+
 export default function GetInvolved() {
   return (
     <div className={styles.page}>
diff --git a/pages/index.tsx b/pages/index.tsx
index d0a386cd..9d31b9e3 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,5 +1,13 @@
 import React from "react";
 
+import { ConnectWithUs } from "@/components/ConnectWithUs";
+import { DefaultLayout } from "@/components/DefaultLayout";
+import { EmailSignup } from "@/components/EmailSignup";
+import { EventDescriptionCard } from "@/components/EventDescriptionCard";
+import { Image } from "@/components/Image";
+import { NewsCard } from "@/components/NewsCard";
+import { SocialLinks } from "@/components/SocialLinks";
+
 import AltTab, {
   metadata as altTabEventMetadata,
 } from "../content/playground/alt-tab.event.mdx";
@@ -12,14 +20,6 @@ import UnavailableContent, {
 
 import styles from "./index.module.css";
 
-import { ConnectWithUs } from "@/components/ConnectWithUs";
-import { DefaultLayout } from "@/components/DefaultLayout";
-import { EmailSignup } from "@/components/EmailSignup";
-import { EventDescriptionCard } from "@/components/EventDescriptionCard";
-import { Image } from "@/components/Image";
-import { NewsCard } from "@/components/NewsCard";
-import { SocialLinks } from "@/components/SocialLinks";
-
 // temporary event and news imports
 
 export default function Home() {
diff --git a/pages/resources/index.tsx b/pages/resources/index.tsx
index 804c4d98..9a436de6 100644
--- a/pages/resources/index.tsx
+++ b/pages/resources/index.tsx
@@ -1,5 +1,5 @@
-import React from "react";
 import Head from "next/head";
+import React from "react";
 
 export default function Resources() {
   return (
diff --git a/pages/themer.tsx b/pages/themer.tsx
index 1556507f..3d7ce016 100644
--- a/pages/themer.tsx
+++ b/pages/themer.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 
-import styles from "./themer.module.css";
-
 import { Button } from "@/components/Button";
 import { Input } from "@/components/Input";
 import { useThemeContext, emptyPalette } from "@/components/Theme";
 
+import styles from "./themer.module.css";
+
 export default function Themer() {
   const context = useThemeContext();
   const palette = context?.theme.palette ?? emptyPalette;