style: Standardize all imports to use @/ alias paths

- Convert relative imports (../) to @/ alias in index.tsx
- Convert relative imports (../) to @/ alias in about.tsx
- Convert relative imports (../../) to @/ alias in members/[id].tsx
- Consistent with project conventions

Author: Oliverr48

client/src/pages/about.tsx

@@ -4,9 +4,9 @@ import { useCallback, useRef, useState } from "react";
 
 import { ApiMember, useCommittee } from "@/hooks/useCommittee";
 
-import { DebrisBurst } from "../components/ui/DebrisBurst";
-import { Explosion } from "../components/ui/Explosion";
-import { useExplosions } from "../hooks/useExplosions";
+import { DebrisBurst } from "@/components/ui/DebrisBurst";
+import { Explosion } from "@/components/ui/Explosion";
+import { useExplosions } from "@/hooks/useExplosions";
 
 // Max concurrent debris bursts to prevent lag
 const MAX_DEBRIS = 5;

client/src/pages/index.tsx

@@ -10,10 +10,10 @@ import {
 } from "@/components/ui/eventHighlightCard";
 import { placeholderEvents, placeholderGames } from "@/placeholderData";
 
-import { Button } from "../components/ui/button";
-import { DebrisBurst } from "../components/ui/DebrisBurst";
-import { Explosion } from "../components/ui/Explosion";
-import { useExplosions } from "../hooks/useExplosions";
+import { Button } from "@/components/ui/button";
+import { DebrisBurst } from "@/components/ui/DebrisBurst";
+import { Explosion } from "@/components/ui/Explosion";
+import { useExplosions } from "@/hooks/useExplosions";
 
 // Max concurrent debris bursts to prevent lag
 const MAX_DEBRIS = 5;

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

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