diff --git a/src/app/master-data/area/detail/layout.tsx b/src/app/master-data/area/detail/layout.tsx
new file mode 100644
index 00000000..6a7b249d
--- /dev/null
+++ b/src/app/master-data/area/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function AreaLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/kandang/detail/layout.tsx b/src/app/master-data/kandang/detail/layout.tsx
new file mode 100644
index 00000000..f3c8c490
--- /dev/null
+++ b/src/app/master-data/kandang/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function KandangLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/location/detail/layout.tsx b/src/app/master-data/location/detail/layout.tsx
new file mode 100644
index 00000000..fbe0ff69
--- /dev/null
+++ b/src/app/master-data/location/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function LocationLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/nonstock/detail/layout.tsx b/src/app/master-data/nonstock/detail/layout.tsx
new file mode 100644
index 00000000..aa0d1116
--- /dev/null
+++ b/src/app/master-data/nonstock/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function NonstockLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/product-category/detail/layout.tsx b/src/app/master-data/product-category/detail/layout.tsx
new file mode 100644
index 00000000..76235398
--- /dev/null
+++ b/src/app/master-data/product-category/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function ProductCategoryLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/product/detail/layout.tsx b/src/app/master-data/product/detail/layout.tsx
new file mode 100644
index 00000000..5a91b249
--- /dev/null
+++ b/src/app/master-data/product/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function ProductLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/uom/detail/layout.tsx b/src/app/master-data/uom/detail/layout.tsx
new file mode 100644
index 00000000..1938ec61
--- /dev/null
+++ b/src/app/master-data/uom/detail/layout.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function UomLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}
diff --git a/src/app/master-data/warehouse/detail/layout.tsx b/src/app/master-data/warehouse/detail/layout.tsx
new file mode 100644
index 00000000..6b78cf39
--- /dev/null
+++ b/src/app/master-data/warehouse/detail/layout.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import { Suspense } from 'react';
+
+export default function WarehouseLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+
+
+ }
+ >
+ {children}
+
+ );
+}