update iframe page message missionboard mail showcase

.env

@@ -11,7 +11,7 @@ NEXTCLOUD_URL=https://espace.slm-lab.net
 
 DATABASE_URL="postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@localhost:5432/${POSTGRES_DB}?schema=public"
 
- Sidebar iframes
+# Sidebar iframes
 NEXT_PUBLIC_IFRAME_DIARY_URL=https://espace.slm-lab.net/apps/diary
 NEXT_PUBLIC_IFRAME_MAIL_URL=https://mail.slm-lab.net
 NEXT_PUBLIC_IFRAME_DRIVE_URL=https://espace.slm-lab.net/apps/files
@@ -24,6 +24,7 @@ NEXT_PUBLIC_IFRAME_ARTLAB_URL=https://artlab.slm-lab.net
 NEXT_PUBLIC_IFRAME_GITE_URL=https://gite.slm-lab.net/user/oauth2/cube
 NEXT_PUBLIC_IFRAME_CALCULATION_URL=https://calcul.slm-lab.net
 NEXT_PUBLIC_IFRAME_MEDIATIONS_URL=https://connect.slm-lab.net/realms/cercle/protocol/openid-connect/auth?client_id=mediations.slm-lab.net&redirect_uri=https%3A%2F%2Fmediations.slm-lab.net%2F%3Fopenid_mode%3Dtrue&scope=openid%20profile%20email&response_type=code
+NEXT_PUBLIC_IFRAME_SHOWCASE_URL=https://page.slm-lab.net
 
 # Navigation bar iframes
 NEXT_PUBLIC_IFRAME_CONFERENCE_URL=https://vision.slm-lab.net

app/email/page.tsx

@@ -10,24 +10,12 @@ export default async function Page() {
     redirect("/signin");
   }
 
-  const mailUrl = process.env.NEXT_PUBLIC_IFRAME_MAIL_URL;
-  if (!mailUrl) {
-    console.warn("NEXT_PUBLIC_IFRAME_MAIL_URL is not defined in environment variables");
-  }
-
   return (
     <main className="w-full h-screen bg-black">
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
-          src={mailUrl || 'https://mail.slm-lab.net'}
+          src={process.env.NEXT_PUBLIC_IFRAME_MAIL_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          style={{
-            marginTop: '-64px',
-            marginLeft: '-180px',
-            width: 'calc(100% + 360px)',
-            right: '-90px',
-            height: 'calc(100% + 64px)'
-          }}
         />
       </div>
     </main>

app/missions-board/page.tsx

@@ -1 +1,23 @@
- 
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+import { ResponsiveIframe } from "@/app/components/responsive-iframe";
+
+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 px-4 pt-12 pb-4">
+        <ResponsiveIframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_MISSIONS_URL || ''}
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        />
+      </div>
+    </main>
+  );
+} 

app/showcase/page.tsx

@@ -1,7 +1,7 @@
 import { getServerSession } from "next-auth/next";
 import { authOptions } from "@/app/api/auth/[...nextauth]/route";
 import { redirect } from "next/navigation";
-import { ShowCaseFrame } from "@/components/showcase/showcase-frame";
+import { ResponsiveIframe } from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -10,5 +10,14 @@ export default async function Page() {
     redirect("/signin");
   }
 
-  return <ShowCaseFrame />;
+  return (
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4">
+        <ResponsiveIframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_SHOWCASE_URL || ''}
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        />
+      </div>
+    </main>
+  );
 } 

app/the-message/page.tsx

@@ -0,0 +1,23 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+import { ResponsiveIframe } from "@/app/components/responsive-iframe";
+
+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 px-4 pt-12 pb-4">
+        <ResponsiveIframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_THEMESSAGE_URL || ''}
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        />
+      </div>
+    </main>
+  );
+}