diff --git a/app/e-majalah-polri/daftar-majalah/layout.tsx b/app/e-majalah-polri/daftar-majalah/layout.tsx
deleted file mode 100644
index c4d7ef5..0000000
--- a/app/e-majalah-polri/daftar-majalah/layout.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { HumasLayout } from "@/components/layout/humas-layout";
-
-export default function EMajalahLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return <HumasLayout>{children}</HumasLayout>;
-}
diff --git a/app/e-majalah-polri/daftar-majalah/page.tsx b/app/e-majalah-polri/daftar-majalah/page.tsx
index 1222c41..d209c33 100644
--- a/app/e-majalah-polri/daftar-majalah/page.tsx
+++ b/app/e-majalah-polri/daftar-majalah/page.tsx
@@ -1,8 +1,12 @@
-import ListEnewsPolri from '@/components/table/tabel-emajalah-polri'
-import React from 'react'
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";
+import ListEnewsPolri from "@/components/table/tabel-emajalah-polri";
+import React from "react";
 
 export default function ListEnewsPage() {
-    return (
-        <ListEnewsPolri />
-    )
+  return (
+    <HumasLayout>
+      <ListEnewsPolri />
+    </HumasLayout>
+  );
 }
diff --git a/app/e-majalah-polri/detail/[id]/layout.tsx b/app/e-majalah-polri/detail/[id]/layout.tsx
index 0b2da42..f474361 100644
--- a/app/e-majalah-polri/detail/[id]/layout.tsx
+++ b/app/e-majalah-polri/detail/[id]/layout.tsx
@@ -5,5 +5,5 @@ export default function DetailEMajalahLayout({
 }: {
   children: React.ReactNode;
 }) {
-  return <HumasLayout>{children}</HumasLayout>;
+  return <>{children}</>;
 }
diff --git a/app/e-majalah-polri/detail/[id]/page.tsx b/app/e-majalah-polri/detail/[id]/page.tsx
index 7a2cbd1..3dbe87b 100644
--- a/app/e-majalah-polri/detail/[id]/page.tsx
+++ b/app/e-majalah-polri/detail/[id]/page.tsx
@@ -1,6 +1,12 @@
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";
 import EMagazineDetail from "@/components/main/detail/e-magazine-detail";
 import React from "react";
 
 export default function EnewsDetailPage() {
-  return <EMagazineDetail />;
+  return (
+    <HumasLayout>
+      <EMagazineDetail />
+    </HumasLayout>
+  );
 }
diff --git a/app/form-permohonan-informasi/layout.tsx b/app/form-permohonan-informasi/layout.tsx
index a271636..bd15370 100644
--- a/app/form-permohonan-informasi/layout.tsx
+++ b/app/form-permohonan-informasi/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function ApplicationLayout({
diff --git a/app/kontak-kami/layout.tsx b/app/kontak-kami/layout.tsx
index 1f5cb86..27bb561 100644
--- a/app/kontak-kami/layout.tsx
+++ b/app/kontak-kami/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function KontakLayout({
diff --git a/app/news/all/layout.tsx b/app/news/all/layout.tsx
index e38b5a2..787fee6 100644
--- a/app/news/all/layout.tsx
+++ b/app/news/all/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function AllNewsLayout({
diff --git a/app/news/detail/[id]/layout.tsx b/app/news/detail/[id]/layout.tsx
index 3a26a21..1ed6cda 100644
--- a/app/news/detail/[id]/layout.tsx
+++ b/app/news/detail/[id]/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function NewsLayout({
diff --git a/app/profile-pimpinan-polri/layout.tsx b/app/profile-pimpinan-polri/layout.tsx
index fbc4cb5..ccfac43 100644
--- a/app/profile-pimpinan-polri/layout.tsx
+++ b/app/profile-pimpinan-polri/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function PropimLayout({
diff --git a/app/struktur-organisasi/layout.tsx b/app/struktur-organisasi/layout.tsx
index 467d442..5fb8463 100644
--- a/app/struktur-organisasi/layout.tsx
+++ b/app/struktur-organisasi/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function StrukturLayout({
diff --git a/app/tentang-humas-polri/layout.tsx b/app/tentang-humas-polri/layout.tsx
index d312d02..6bf0907 100644
--- a/app/tentang-humas-polri/layout.tsx
+++ b/app/tentang-humas-polri/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function AboutLayout({
diff --git a/app/tugas-dan-fungsi/layout.tsx b/app/tugas-dan-fungsi/layout.tsx
index 77eb126..8cb8a88 100644
--- a/app/tugas-dan-fungsi/layout.tsx
+++ b/app/tugas-dan-fungsi/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function TaskLayout({
diff --git a/app/visi-misi/layout.tsx b/app/visi-misi/layout.tsx
index 58c7f2e..f0fa52d 100644
--- a/app/visi-misi/layout.tsx
+++ b/app/visi-misi/layout.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { HumasLayout } from "@/components/layout/humas-layout";
 
 export default function VisiMisiLayout({