basic structure for pages

frontend/src/app/lobby/page.tsx

@@ -0,0 +1,7 @@
+export default function Lobby() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <h1>Lobby</h1>
+    </main>
+  );
+}

frontend/src/app/nominations/page.tsx

@@ -0,0 +1,7 @@
+export default function Nominations() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <h1>Nominaties</h1>
+    </main>
+  );
+}

frontend/src/app/pause/page.tsx

@@ -0,0 +1,7 @@
+export default function Pause() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <h1>Pause</h1>
+    </main>
+  );
+}

frontend/src/app/post-game/page.tsx

@@ -0,0 +1,7 @@
+export default function PostGame() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <h1>Post-game</h1>
+    </main>
+  );
+}