organize imports

client/src/components/game/GameAuthWrapper.tsx

@@ -1,9 +1,10 @@
 "use client";
 
-import { useContext } from "react";
 import { SessionContext } from "@/context/session";
-import GamePage from "./GamePage";
 import type { Game } from "@chessu/types";
+import { useContext } from "react";
+
+import GamePage from "./GamePage";
 
 export default function GameAuthWrapper({ initialLobby }: { initialLobby: Game }) {
   const session = useContext(SessionContext);

client/src/components/game/GamePage.tsx

@@ -10,7 +10,6 @@ import {
 } from "@tabler/icons-react";
 
 import type { FormEvent, KeyboardEvent } from "react";
-import Link from "next/link";
 
 import { SessionContext } from "@/context/session";
 import { useContext, useEffect, useReducer, useRef, useState } from "react";

client/src/components/game/socketEvents.ts

@@ -2,6 +2,7 @@ import type { Action, CustomSquares, Lobby, Message } from "@/types";
 import type { Game, User } from "@chessu/types";
 import type { Dispatch, SetStateAction } from "react";
 import type { Socket } from "socket.io-client";
+
 import { syncPgn, syncSide } from "./utils";
 
 export function initSocket(