Improved overview layout

client/src/app/MyEvents.tsx

@@ -16,8 +16,6 @@ export default function MyEvents() {
 			if (result.ok) {
 				const data = await result.json();
 
-				console.debug(data);
-
 				return {
 					items: data,
 				};

client/src/app/Overview.tsx

@@ -3,15 +3,17 @@ import PengingEvents from "./PendingEvents";
 
 export default function Overview() {
 	return (
-		<div className="relative flex-1">
-			<div className="flex flex-wrap justify-center gap-4"></div>
-
-			<h1 className="mb-4 text-center text-4xl">My Events</h1>
-			<MyEvents />
-			<h1 className="mb-4 mt-8 text-center text-4xl">
-				events that I don&apos;t have entered an availability yet
-			</h1>
-			<PengingEvents />
+		<div className="relative flex-1 grid-cols-2 lg:grid">
+			<div>
+				<h1 className="mb-4 text-center text-4xl">My Events</h1>
+				<MyEvents />
+			</div>
+			<div>
+				<h1 className="mb-4 mt-8 text-center text-4xl lg:mt-0">
+					Pending Events
+				</h1>
+				<PengingEvents />
+			</div>
 		</div>
 	);
 }