update iframe rule 4

app/calculation/page.tsx

@@ -1,6 +1,7 @@
 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);
@@ -12,14 +13,9 @@ export default async function Page() {
   return (
     <main className="w-full h-screen bg-black">
       <div className="w-full h-full pt-12">
-        <iframe 
+        <ResponsiveIframe 
-          src={process.env.NEXT_PUBLIC_IFRAME_CALCULATION_URL}
+          src={process.env.NEXT_PUBLIC_IFRAME_CALCULATION_URL || ''}
-          className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          style={{ 
-            marginTop: '-64px'
-          }}
-          allowFullScreen
         />
       </div>
     </main>

app/crm/page.tsx

@@ -1,6 +1,7 @@
 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);
@@ -11,12 +12,10 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-16">
+      <div className="w-full h-full pt-12">
-        <iframe 
+        <ResponsiveIframe 
-          src="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"
+          src={process.env.NEXT_PUBLIC_IFRAME_CRM_URL || ''}
-          className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          allowFullScreen
         />
       </div>
     </main>

app/flow/page.tsx

@@ -12,7 +12,7 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full">
+      <div className="w-full h-full pt-12">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_FLOW_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"

app/gitelab/page.tsx

@@ -1,6 +1,7 @@
 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);
@@ -12,14 +13,9 @@ export default async function Page() {
   return (
     <main className="w-full h-screen bg-black">
       <div className="w-full h-full pt-12">
-        <iframe 
+        <ResponsiveIframe 
-          src={process.env.NEXT_PUBLIC_IFRAME_GITE_URL}
+          src={process.env.NEXT_PUBLIC_IFRAME_GITE_URL || ''}
-          className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          style={{ 
-            marginTop: '-64px'
-          }}
-          allowFullScreen
         />
       </div>
     </main>

app/learn/page.tsx

@@ -1,6 +1,7 @@
 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);
@@ -12,14 +13,9 @@ export default async function Page() {
   return (
     <main className="w-full h-screen bg-black">
       <div className="w-full h-full pt-12">
-        <iframe 
+        <ResponsiveIframe 
-          src={process.env.NEXT_PUBLIC_IFRAME_LEARN_URL}
+          src={process.env.NEXT_PUBLIC_IFRAME_LEARN_URL || ''}
-          className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          style={{ 
-            marginTop: '-64px'
-          }}
-          allowFullScreen
         />
       </div>
     </main>

app/parole/page.tsx

@@ -1,6 +1,7 @@
 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);
@@ -12,14 +13,9 @@ export default async function Page() {
   return (
     <main className="w-full h-screen bg-black">
       <div className="w-full h-full pt-12">
-        <iframe 
+        <ResponsiveIframe 
-          src={process.env.NEXT_PUBLIC_IFRAME_PAROLE_URL}
+          src={process.env.NEXT_PUBLIC_IFRAME_PAROLE_URL || ''}
-          className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-          style={{ 
-            marginTop: '-64px'
-          }}
-          allowFullScreen
         />
       </div>
     </main>