diff --git a/components/details/details-content.tsx b/components/details/details-content.tsx
index f80029d..bf0a483 100644
--- a/components/details/details-content.tsx
+++ b/components/details/details-content.tsx
@@ -21,7 +21,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };
@@ -206,9 +206,9 @@ export default function DetailContent() {
           </div>
 
           <div className="w-full h-auto mb-6">
-            {articleDetail?.files?.[0]?.file_url ? (
+            {articleDetail?.files?.[0]?.fileUrl ? (
               <Image
-                src={articleDetail.files[0].file_url}
+                src={articleDetail.files[0].fileUrl}
                 alt="Berita"
                 width={800}
                 height={400}
diff --git a/components/form/article/edit-article-form.tsx b/components/form/article/edit-article-form.tsx
index e897d99..6b2813e 100644
--- a/components/form/article/edit-article-form.tsx
+++ b/components/form/article/edit-article-form.tsx
@@ -614,9 +614,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                   alt="main"
                   width={720}
                   height={480}
-                  src={
-                    detailfiles[mainImage]?.file_url || "/default-avatar.png"
-                  }
+                  src={detailfiles[mainImage]?.fileUrl || "/default-avatar.png"}
                   className="w-[75%] mx-auto"
                 />
               </div>
@@ -631,7 +629,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                       width={480}
                       height={360}
                       alt={`image-${index}`}
-                      src={file.file_url || "/default-avatar.png"}
+                      src={file.fileUrl || "/default-avatar.png"}
                       className="h-[100px] object-cover w-[150px]"
                     />
                   </a>
@@ -654,7 +652,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                       width={480}
                       height={360}
                       alt={`image-${index}`}
-                      src={file?.file_url || "/default-avatar.png"}
+                      src={file?.fileUrl || "/default-avatar.png"}
                       className="h-[100px] object-cover w-[150px]"
                     />
                   </div>
diff --git a/components/landing-page/headers-guard.tsx b/components/landing-page/headers-guard.tsx
index 0b8c8c1..079af0f 100644
--- a/components/landing-page/headers-guard.tsx
+++ b/components/landing-page/headers-guard.tsx
@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderGuard() {
diff --git a/components/landing-page/headers-latest.tsx b/components/landing-page/headers-latest.tsx
index 89beea6..d504ee1 100644
--- a/components/landing-page/headers-latest.tsx
+++ b/components/landing-page/headers-latest.tsx
@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderLatest() {
diff --git a/components/landing-page/headers-opinion.tsx b/components/landing-page/headers-opinion.tsx
index 91bf443..78cac0a 100644
--- a/components/landing-page/headers-opinion.tsx
+++ b/components/landing-page/headers-opinion.tsx
@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderOpinion() {
diff --git a/components/landing-page/headers-peace.tsx b/components/landing-page/headers-peace.tsx
index 8168770..662d7e0 100644
--- a/components/landing-page/headers-peace.tsx
+++ b/components/landing-page/headers-peace.tsx
@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderPeace() {
diff --git a/components/landing-page/headers-popular.tsx b/components/landing-page/headers-popular.tsx
index c72335c..42dca93 100644
--- a/components/landing-page/headers-popular.tsx
+++ b/components/landing-page/headers-popular.tsx
@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderPopular() {
diff --git a/components/landing-page/headers.tsx b/components/landing-page/headers.tsx
index 2e7f7ef..978736a 100644
--- a/components/landing-page/headers.tsx
+++ b/components/landing-page/headers.tsx
@@ -17,7 +17,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };
diff --git a/components/landing-page/on-the-spot.tsx b/components/landing-page/on-the-spot.tsx
index 3494a82..7933ad2 100644
--- a/components/landing-page/on-the-spot.tsx
+++ b/components/landing-page/on-the-spot.tsx
@@ -17,7 +17,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };
diff --git a/service/http-config/axios-base-instance.ts b/service/http-config/axios-base-instance.ts
index de3efbe..3b6df59 100644
--- a/service/http-config/axios-base-instance.ts
+++ b/service/http-config/axios-base-instance.ts
@@ -6,7 +6,7 @@ const axiosBaseInstance = axios.create({
   baseURL,
   headers: {
     "Content-Type": "application/json",
-    "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+    "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05",
   },
 });
 
diff --git a/service/http-config/axios-interceptor-instance.ts b/service/http-config/axios-interceptor-instance.ts
index 422a192..b9ebb4e 100644
--- a/service/http-config/axios-interceptor-instance.ts
+++ b/service/http-config/axios-interceptor-instance.ts
@@ -10,7 +10,7 @@ const axiosInterceptorInstance = axios.create({
   baseURL,
   headers: {
     "Content-Type": "application/json",
-    "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+    "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05",
   },
   withCredentials: true,
 });
diff --git a/service/http-config/http-base-services.ts b/service/http-config/http-base-services.ts
index 755d158..c053516 100644
--- a/service/http-config/http-base-services.ts
+++ b/service/http-config/http-base-services.ts
@@ -2,11 +2,11 @@ import axiosBaseInstance from "./axios-base-instance";
 
 const defaultHeaders = {
   "Content-Type": "application/json",
-  "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+  "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05",
 };
 
-export async function httpGet(pathUrl: any, headers?: any) {  
-  console.log("X-HEADERS : ", defaultHeaders)
+export async function httpGet(pathUrl: any, headers?: any) {
+  console.log("X-HEADERS : ", defaultHeaders);
   const mergedHeaders = {
     ...defaultHeaders,
     ...headers,
diff --git a/service/http-config/http-interceptor-services.ts b/service/http-config/http-interceptor-services.ts
index 4d33d96..c7806d6 100644
--- a/service/http-config/http-interceptor-services.ts
+++ b/service/http-config/http-interceptor-services.ts
@@ -5,7 +5,7 @@ import { getCsrfToken } from "../master-user";
 
 const defaultHeaders = {
   "Content-Type": "application/json",
-  "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+  "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05"
 };
 
 export async function httpGetInterceptor(pathUrl: any) {