diff --git a/app/agilite/page.tsx b/app/agilite/page.tsx
index 7ddb4e8a..2de1f32e 100644
--- a/app/agilite/page.tsx
+++ b/app/agilite/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_AGILITY_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/alma/page.tsx b/app/alma/page.tsx
index 53b90397..9b09c3b0 100644
--- a/app/alma/page.tsx
+++ b/app/alma/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_AI_ASSISTANT_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/apprendre/page.tsx b/app/apprendre/page.tsx
index 0af118ab..3a7ad643 100644
--- a/app/apprendre/page.tsx
+++ b/app/apprendre/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_LEARN_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/artlab/page.tsx b/app/artlab/page.tsx
index f166f60e..4abb16a4 100644
--- a/app/artlab/page.tsx
+++ b/app/artlab/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function ArtlabPage() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function ArtlabPage() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_ARTLAB_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/calcul/page.tsx b/app/calcul/page.tsx
index e865d3d4..30998061 100644
--- a/app/calcul/page.tsx
+++ b/app/calcul/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_CALCULATION_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/chapitre/page.tsx b/app/chapitre/page.tsx
index 0b4a7fb5..550ca950 100644
--- a/app/chapitre/page.tsx
+++ b/app/chapitre/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function ChapitrePage() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function ChapitrePage() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_CHAPTER_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/crm/page.tsx b/app/crm/page.tsx
index f897b22d..963acd80 100644
--- a/app/crm/page.tsx
+++ b/app/crm/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_MEDIATIONS_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/gite/page.tsx b/app/gite/page.tsx
index e848c435..372675fe 100644
--- a/app/gite/page.tsx
+++ b/app/gite/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_GITE_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/mediation/page.tsx b/app/mediation/page.tsx
index d0a6f7a7..4041fd89 100644
--- a/app/mediation/page.tsx
+++ b/app/mediation/page.tsx
@@ -15,7 +15,7 @@ export default async function Page() {
         <iframe 
           src={process.env.NEXT_PUBLIC_IFRAME_MEDIATIONS_URL}
           className="w-full h-full border-none"
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
           style={{ 
             marginTop: '-64px'
           }}
diff --git a/app/notifications/page.tsx b/app/notifications/page.tsx
index 01128ab9..e27223a1 100644
--- a/app/notifications/page.tsx
+++ b/app/notifications/page.tsx
@@ -4,7 +4,7 @@ export default function NotificationsPage() {
       <iframe 
         src="https://example.com/notifications"
         className="w-full h-full border-none"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowFullScreen={true}
         allowFullScreen
       />
     </div>
diff --git a/app/parole/page.tsx b/app/parole/page.tsx
index 31a0a380..bd8a5694 100644
--- a/app/parole/page.tsx
+++ b/app/parole/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 import RocketChatAuth from "@/app/components/rocket-auth";
 
 // Function to get Rocket.Chat token for server-side authentication
@@ -96,7 +96,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={rocketChatUrl}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/qg/page.tsx b/app/qg/page.tsx
index 92c628c6..4267005c 100644
--- a/app/qg/page.tsx
+++ b/app/qg/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_MISSIONVIEW_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/radio/page.tsx b/app/radio/page.tsx
index 782db942..4ed618d3 100644
--- a/app/radio/page.tsx
+++ b/app/radio/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_RADIO_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/showcase/page.tsx b/app/showcase/page.tsx
index 3074d876..0fda848a 100644
--- a/app/showcase/page.tsx
+++ b/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <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"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/the-message/page.tsx b/app/the-message/page.tsx
index daa667c5..f22a8bb2 100644
--- a/app/the-message/page.tsx
+++ b/app/the-message/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <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"
+          allowFullScreen={true}
         />
       </div>
     </main>
diff --git a/app/vision/page.tsx b/app/vision/page.tsx
index beed9827..ff8aedfa 100644
--- a/app/vision/page.tsx
+++ b/app/vision/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 { ResponsiveIframe } from "@/app/components/responsive-iframe";
+import ResponsiveIframe from "@/app/components/responsive-iframe";
 
 export default async function Page() {
   const session = await getServerSession(authOptions);
@@ -15,7 +15,7 @@ export default async function Page() {
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_CONFERENCE_URL || ''}
-          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen={true}
         />
       </div>
     </main>