Raid groups page working

src/pages/protected/RaidGroupsPage.tsx

@@ -1,10 +1,27 @@
+import { useAuth } from "@/providers/AuthProvider";
+import RaidGroupsByAccountDisplay from "@/ui/raidGroup/RaidGroupsByAccountDisplay";
+
+
 export default function RaidGroupsPage(){
-	//TODO:
+	const { accountId } = useAuth();
 
 
 	return (
-		<div>
-			Raid Groups Page
-		</div>
+		<main
+			className="flex flex-col items-center justify-center gap-8"
+		>
+			<h1
+				className="text-4xl"
+			>
+				Raid Groups
+			</h1>
+			<div
+				className="w-full"
+			>
+				<RaidGroupsByAccountDisplay
+					accountId={accountId ?? ""}
+				/>
+			</div>
+		</main>
 	);
 }