Fix formatting and linting issues

- Run Prettier to fix formatting in ExplosionContext.tsx and _app.tsx
- Fix import sorting in ExplosionContext.tsx, index.tsx, and members/[id].tsx
- Remove unused placeholderEvents and placeholderGames imports from index.tsx

Author: Oliverr48

client/src/contexts/ExplosionContext.tsx

@@ -1,10 +1,16 @@
 "use client";
 
-import React, { createContext, useContext, useCallback, useState, useRef } from "react";
+import React, {
+  createContext,
+  useCallback,
+  useContext,
+  useRef,
+  useState,
+} from "react";
 
 import { DebrisBurst } from "@/components/ui/DebrisBurst";
 import { Explosion } from "@/components/ui/Explosion";
-import { useExplosions, ExplosionPosition } from "@/hooks/useExplosions";
+import { ExplosionPosition,useExplosions } from "@/hooks/useExplosions";
 
 // Max concurrent debris bursts to prevent lag
 const MAX_DEBRIS = 5;
@@ -24,7 +30,9 @@ const ExplosionContext = createContext<ExplosionContextType | null>(null);
 export function useExplosionContext() {
   const context = useContext(ExplosionContext);
   if (!context) {
-    throw new Error("useExplosionContext must be used within ExplosionProvider");
+    throw new Error(
+      "useExplosionContext must be used within ExplosionProvider",
+    );
   }
   return context;
 }
@@ -70,7 +78,7 @@ export function ExplosionProvider({ children }: { children: React.ReactNode }) {
       }, 1500);
       debrisTimeouts.current.add(timeout);
     },
-    [triggerExplosions]
+    [triggerExplosions],
   );
 
   return (
@@ -104,4 +112,3 @@ export function ExplosionProvider({ children }: { children: React.ReactNode }) {
     </ExplosionContext.Provider>
   );
 }
-

client/src/pages/_app.tsx

@@ -35,7 +35,9 @@ export default function App({ Component, pageProps }: AppProps) {
       <ReactQueryDevtools initialIsOpen={false} />
       <ExplosionProvider>
         <main
-          className={`font-sans ` + fonts.map((font) => font.variable).join(" ")}
+          className={
+            `font-sans ` + fonts.map((font) => font.variable).join(" ")
+          }
         >
           <Navbar />
           <Component {...pageProps} />

client/src/pages/index.tsx

@@ -9,9 +9,8 @@ import {
   EventHighlightCard,
   eventHighlightCardType,
 } from "@/components/ui/eventHighlightCard";
-import { useExplosionContext } from "@/contexts/ExplosionContext";
-import { placeholderEvents, placeholderGames } from "@/placeholderData";
 import LandingGames from "@/components/ui/landingGames";
+import { useExplosionContext } from "@/contexts/ExplosionContext";
 import { UiEvent, useEvents } from "@/hooks/useEvents";
 
 export default function Landing() {

client/src/pages/members/[id].tsx

@@ -1,8 +1,7 @@
 import { useRouter } from "next/router";
 
-import { useMember } from "@/hooks/useMember";
-
 import { MemberProfile } from "@/components/main/MemberProfile";
+import { useMember } from "@/hooks/useMember";
 
 // hook assumes correct input, page sanitises to correct type
 function normaliseId(id: string | string[] | number | undefined) {