learn iframe fixed artlab and parole

app/design/page.tsx

@@ -10,8 +10,8 @@ export default async function Page() {
   }
 
   return (
-    <main className="w-full min-h-screen bg-black">
+    <main className="w-full h-screen bg-black">
-      <div className="w-full h-[calc(100vh-4rem)]">
+      <div className="w-full h-full pt-16">
         <iframe 
           src="https://artlab.slm-lab.net"
           className="w-full h-full border-none"

app/parole/page.tsx

@@ -0,0 +1,24 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+
+export default async function Page() {
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    redirect("/signin");
+  }
+
+  return (
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full pt-16">
+        <iframe 
+          src="https://parole.slm-lab.net/channel/City"
+          className="w-full h-full border-none"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen
+        />
+      </div>
+    </main>
+  );
+}