Even more import sort

src/components/Introduction.tsx

@@ -1,13 +1,12 @@
 import type { FC, ReactNode } from "react"
 import {
+  Unstable_Grid2 as Grid,
   type GridDirection,
   Stack,
   Typography,
-  Unstable_Grid2 as Grid,
 } from "@mui/material"
-import type { ResponsiveStyleValue } from "@mui/system"
-
 import { Image } from "codeforlife/components"
+import type { ResponsiveStyleValue } from "@mui/system"
 
 const Introduction: FC<{
   header: string

src/pages/codingClubs/ClubAim.tsx

@@ -1,5 +1,5 @@
-import { type FC } from "react"
 import { Stack, Typography } from "@mui/material"
+import { type FC } from "react"
 
 const ClubAim: FC = () => {
   return (

src/pages/codingClubs/CodingClubs.tsx

@@ -1,16 +1,14 @@
-import { type FC } from "react"
+import * as page from "codeforlife/components/page"
+import { Link, LinkButton } from "codeforlife/components/router"
 import { Typography, useTheme } from "@mui/material"
 import { Download as DownloadIcon } from "@mui/icons-material"
+import { type FC } from "react"
 
-import * as page from "codeforlife/components/page"
-
-import CodeClubHeroImage from "../../images/coding_club_hero_hexagon.png"
 import AboutUsImage from "../../images/about_us.jpg"
-import PythonClubImage from "../../images/coding_club_python_pack.png"
-import Introduction from "../../components/Introduction"
-
 import ClubAim from "./ClubAim"
-import { Link, LinkButton } from "codeforlife/components/router"
+import CodeClubHeroImage from "../../images/coding_club_hero_hexagon.png"
+import Introduction from "../../components/Introduction"
+import PythonClubImage from "../../images/coding_club_python_pack.png"
 
 export interface CodingClubProps {}