From c8480bad5935b9d3e636636ce3684cd08bd8d8cd Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Wed, 2 Jul 2025 09:17:22 +0700
Subject: [PATCH] clean console, fix:maps chart

---
 app/(admin)/admin/master-category/page.tsx    |   2 -
 app/portal-ppid/e-ppid-polda/layout.tsx       |   1 -
 app/portal-ppid/e-ppid-satker/layout.tsx      |   1 -
 app/portal-ppid/informasi-publik/layout.tsx   |   1 -
 app/portal-ppid/layanan-informasi/layout.tsx  |   1 -
 app/portal-ppid/page.tsx                      |   1 -
 .../[polda-name]/layanan-informasi/layout.tsx |   1 -
 .../polda/[polda-name]/regulasi/layout.tsx    |   1 -
 .../[polda-name]/standar-layanan/layout.tsx   |   1 -
 app/portal-ppid/profile/layout.tsx            |   1 -
 app/portal-ppid/regulasi/layout.tsx           |   1 -
 .../layanan-informasi/layout.tsx              |   1 -
 .../[satker-name]/regulasi/layout.tsx         |   1 -
 .../[satker-name]/standar-layanan/layout.tsx  |   1 -
 app/portal-ppid/standar-layanan/layout.tsx    |   1 -
 .../form/article/create-article-form.tsx      |   2 -
 .../edit-generated-article-checker-form.tsx   |   1 -
 .../article/generate-bulk-article-form.tsx    |   2 -
 components/form/form-article.tsx              |   1 -
 .../form/form-detail-master-user-role.tsx     |   3 -
 components/form/form-edit-article.tsx         |   3 -
 components/form/form-permohonan-informasi.tsx | 910 +++++++++---------
 components/page/menu-link.tsx                 |   2 -
 .../master-user-level-table.tsx               |   5 +-
 .../table/suggestions/suggestions-table.tsx   |   1 -
 components/ui/maps-charts.tsx                 |   6 +-
 services/http-config/axios-base-service.ts    |   5 -
 .../http-config/axios-interceptor-service.ts  |   5 -
 services/http-config/disestages-services.ts   |   3 -
 services/http-config/http-base-services.ts    |   2 -
 .../http-config/http-interceptor-services.ts  |   3 -
 services/master-user.ts                       |   1 -
 services/third-party-service.ts               |   1 -
 33 files changed, 461 insertions(+), 511 deletions(-)

diff --git a/app/(admin)/admin/master-category/page.tsx b/app/(admin)/admin/master-category/page.tsx
index 47cee63..8ca8eb8 100644
--- a/app/(admin)/admin/master-category/page.tsx
+++ b/app/(admin)/admin/master-category/page.tsx
@@ -124,7 +124,6 @@ export default function MasterCategoryTable() {
   };
 
   const onSubmit = async (values: z.infer<typeof createArticleSchema>) => {
-    console.log("values,", values);
     loading();
     const formData = {
       title: values.title,
@@ -135,7 +134,6 @@ export default function MasterCategoryTable() {
     };
 
     const response = await createCategory(formData);
-    console.log(response);
     if (response?.error) {
       console.log();
       if (
diff --git a/app/portal-ppid/e-ppid-polda/layout.tsx b/app/portal-ppid/e-ppid-polda/layout.tsx
index 2f35c34..5990fb2 100644
--- a/app/portal-ppid/e-ppid-polda/layout.tsx
+++ b/app/portal-ppid/e-ppid-polda/layout.tsx
@@ -9,7 +9,6 @@ export default function EPPIDPoldaLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/app/portal-ppid/e-ppid-satker/layout.tsx b/app/portal-ppid/e-ppid-satker/layout.tsx
index 68c20d3..f393d4a 100644
--- a/app/portal-ppid/e-ppid-satker/layout.tsx
+++ b/app/portal-ppid/e-ppid-satker/layout.tsx
@@ -9,7 +9,6 @@ export default function EPPIDSatkerLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/app/portal-ppid/informasi-publik/layout.tsx b/app/portal-ppid/informasi-publik/layout.tsx
index b644c61..5759053 100644
--- a/app/portal-ppid/informasi-publik/layout.tsx
+++ b/app/portal-ppid/informasi-publik/layout.tsx
@@ -9,7 +9,6 @@ export default function InfoPublicLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/app/portal-ppid/layanan-informasi/layout.tsx b/app/portal-ppid/layanan-informasi/layout.tsx
index b1e64c0..da656ad 100644
--- a/app/portal-ppid/layanan-informasi/layout.tsx
+++ b/app/portal-ppid/layanan-informasi/layout.tsx
@@ -9,7 +9,6 @@ export default function LayananInformasiLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/app/portal-ppid/page.tsx b/app/portal-ppid/page.tsx
index b698920..149f163 100644
--- a/app/portal-ppid/page.tsx
+++ b/app/portal-ppid/page.tsx
@@ -9,7 +9,6 @@ import React from "react";
 
 export default function PortalPPID(url: any) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return (
     <>
diff --git a/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx b/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx
index 1ca1cb2..8359433 100644
--- a/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx
@@ -9,7 +9,6 @@ export default function LayananInformasiLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <SatkerLayout>{children}</SatkerLayout>;
 }
diff --git a/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx b/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx
index 61274b1..8b4d1f2 100644
--- a/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx
@@ -9,7 +9,6 @@ export default function RegulasiLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <SatkerLayout>{children}</SatkerLayout>;
 }
diff --git a/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx b/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx
index cca2b7b..423aca2 100644
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx
@@ -10,7 +10,6 @@ export default function StandarLayananLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <SatkerLayout>{children}</SatkerLayout>;
 }
diff --git a/app/portal-ppid/profile/layout.tsx b/app/portal-ppid/profile/layout.tsx
index b687b58..ff98c9a 100644
--- a/app/portal-ppid/profile/layout.tsx
+++ b/app/portal-ppid/profile/layout.tsx
@@ -9,7 +9,6 @@ export default function PPIDProfileLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/app/portal-ppid/regulasi/layout.tsx b/app/portal-ppid/regulasi/layout.tsx
index 3abfb82..e7dae1e 100644
--- a/app/portal-ppid/regulasi/layout.tsx
+++ b/app/portal-ppid/regulasi/layout.tsx
@@ -9,7 +9,6 @@ export default function RegulasiLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx
index 1ca1cb2..8359433 100644
--- a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx
@@ -9,7 +9,6 @@ export default function LayananInformasiLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <SatkerLayout>{children}</SatkerLayout>;
 }
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx
index 61274b1..8b4d1f2 100644
--- a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx
@@ -9,7 +9,6 @@ export default function RegulasiLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <SatkerLayout>{children}</SatkerLayout>;
 }
diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx
index cca2b7b..423aca2 100644
--- a/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/standar-layanan/layout.tsx
@@ -10,7 +10,6 @@ export default function StandarLayananLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <SatkerLayout>{children}</SatkerLayout>;
 }
diff --git a/app/portal-ppid/standar-layanan/layout.tsx b/app/portal-ppid/standar-layanan/layout.tsx
index dac7a20..01f4616 100644
--- a/app/portal-ppid/standar-layanan/layout.tsx
+++ b/app/portal-ppid/standar-layanan/layout.tsx
@@ -9,7 +9,6 @@ export default function StandarLayananLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  console.log(pathname);
 
   return <PPIDLayout>{children}</PPIDLayout>;
 }
diff --git a/components/form/article/create-article-form.tsx b/components/form/article/create-article-form.tsx
index 35c5b48..07fc2f3 100644
--- a/components/form/article/create-article-form.tsx
+++ b/components/form/article/create-article-form.tsx
@@ -374,8 +374,6 @@ export default function CreateArticleForm() {
       isPublish: status === "publish",
     };
 
-    console.log("formData", formData);
-
     const response = await createArticle(formData);
 
     if (response?.error) {
diff --git a/components/form/article/edit-generated-article-checker-form.tsx b/components/form/article/edit-generated-article-checker-form.tsx
index 31d67be..f9529c3 100644
--- a/components/form/article/edit-generated-article-checker-form.tsx
+++ b/components/form/article/edit-generated-article-checker-form.tsx
@@ -107,7 +107,6 @@ export default function EditGeneratedArticleChecker(props: { id: string }) {
       metaTitle: values.metaTitle,
       createdBy: "123123",
     };
-    console.log("request", request);
     loading();
     const res = await updateManualArticle(request);
     if (res.error) {
diff --git a/components/form/article/generate-bulk-article-form.tsx b/components/form/article/generate-bulk-article-form.tsx
index f29cf0d..d8db452 100644
--- a/components/form/article/generate-bulk-article-form.tsx
+++ b/components/form/article/generate-bulk-article-form.tsx
@@ -137,7 +137,6 @@ export default function GenerateBulkArticle(props: {
       return false;
     }
 
-    console.log("res?s", res?.data?.data);
     const temp: number[] = [];
     res?.data?.data.map((data: any) => temp.push(data.id));
     props.articleId(temp);
@@ -239,7 +238,6 @@ export default function GenerateBulkArticle(props: {
 
   const processRow = (index: number) => {
     const addKeyword = getValues(`rows.${index}.mainKeyword`);
-    console.log("index", index, addKeyword);
     generateTitle(addKeyword, index);
 
     generateKeywords(addKeyword, index);
diff --git a/components/form/form-article.tsx b/components/form/form-article.tsx
index f5c8373..e360290 100644
--- a/components/form/form-article.tsx
+++ b/components/form/form-article.tsx
@@ -177,7 +177,6 @@ export default function FormArticle() {
       htmlDescription: content,
     };
 
-    console.log("Form Data:", formData);
     const response = await createArticle(formData);
 
     if (response?.error) {
diff --git a/components/form/form-detail-master-user-role.tsx b/components/form/form-detail-master-user-role.tsx
index 795f6e8..17252fd 100644
--- a/components/form/form-detail-master-user-role.tsx
+++ b/components/form/form-detail-master-user-role.tsx
@@ -51,8 +51,6 @@ export default function FormDetailMasterUserRole() {
       setName(res.data.data?.name);
       setDescription(res.data.data?.description);
       setLevelNumber(res.data.data?.level_number);
-
-      console.log("Data MasterUser", userRole);
     }
 
     initState();
@@ -66,7 +64,6 @@ export default function FormDetailMasterUserRole() {
       name: name,
     };
 
-    console.log("Form MasterUser:", formData);
     const response = await createMasterUserRole(formData);
 
     if (response?.error) {
diff --git a/components/form/form-edit-article.tsx b/components/form/form-edit-article.tsx
index 31927c2..6a9de1a 100644
--- a/components/form/form-edit-article.tsx
+++ b/components/form/form-edit-article.tsx
@@ -99,8 +99,6 @@ export default function FormUpdateArticle() {
         ? res.data.data.tags.split(",")
         : [];
       setTags(tagsArray);
-
-      console.log("Data Aritcle", res.data?.data);
     }
 
     initState();
@@ -117,7 +115,6 @@ export default function FormUpdateArticle() {
       htmlDescription: content,
     };
 
-    console.log("Form Data:", formData);
     // const response = await createArticle(formData);
 
     // if (response?.error) {
diff --git a/components/form/form-permohonan-informasi.tsx b/components/form/form-permohonan-informasi.tsx
index 755d4da..e1cf5d6 100644
--- a/components/form/form-permohonan-informasi.tsx
+++ b/components/form/form-permohonan-informasi.tsx
@@ -1,475 +1,479 @@
-'use client'
+"use client";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "@heroui/button";
 import { Input } from "@heroui/input";
 import { Select, SelectItem, SelectSection } from "@heroui/react";
-import React, { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { EyeFilledIcon, EyeSlashFilledIcon } from '../icons';
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { EyeFilledIcon, EyeSlashFilledIcon } from "../icons";
 import Datepicker from "react-tailwindcss-datepicker";
 
 const schema = z.object({
-    name: z.string().min(3).max(50),
-    email: z.string().email(),
+  name: z.string().min(3).max(50),
+  email: z.string().email(),
 });
 interface FormData {
-    name: string;
-    email: string;
+  name: string;
+  email: string;
 }
 
 const FormApplication: React.FC = () => {
-    const [isVisible, setIsVisible] = React.useState(false);
-    const [selectedGender, setSelectedGender] = React.useState('');
+  const [isVisible, setIsVisible] = React.useState(false);
+  const [selectedGender, setSelectedGender] = React.useState("");
 
-    const [startDateValue, setStartDateValue] = useState({
-        startDate: null,
-        endDate: null,
-    });
+  const [startDateValue, setStartDateValue] = useState({
+    startDate: null,
+    endDate: null,
+  });
 
-    const toggleVisibility = () => setIsVisible(!isVisible);
+  const toggleVisibility = () => setIsVisible(!isVisible);
 
-    const { register, handleSubmit, formState: { errors } } = useForm<FormData>({
-        resolver: zodResolver(schema),
-    });
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<FormData>({
+    resolver: zodResolver(schema),
+  });
 
-    const onChangeGender = (selectedItem: any) => {
-        setSelectedGender(selectedItem);
-        // Lakukan apa pun yang perlu dilakukan saat pilihan jenis kelamin berubah di sini
-        console.log("Selected Gender:", selectedItem);
-    };
+  const onChangeGender = (selectedItem: any) => {
+    setSelectedGender(selectedItem);
+  };
 
-    const handleValueChange = (newValue: any, num: any) => {
-        console.log("start:", newValue);
-        setStartDateValue(newValue);
-    }
+  const handleValueChange = (newValue: any, num: any) => {
+    setStartDateValue(newValue);
+  };
 
+  const onSubmit = (data: FormData) => {
+    console.log(data);
+  };
 
-    const onSubmit = (data: FormData) => {
-        console.log(data);
-    };
-
-    return (
-        // <form onSubmit={handleSubmit(onSubmit)}>
-        //     <div>
-        //         <label htmlFor="name">Name:</label>
-        //         <input {...register('name')} id="name" />
-        //         {errors.name && <p>{errors.name.message}</p>}
-        //     </div>
-        //     <div>
-        //         <label htmlFor="email">Email:</label>
-        //         <input {...register('email')} id="email" />
-        //         {errors.email && <p>{errors.email.message}</p>}
-        //     </div>
-        //     <button type="submit">Submit</button>
-        // </form>
-        (<div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
-            <div className='text-xl font-bold'>Form Register Permohonan</div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="Username"
-                    placeholder="Masukkan username anda!"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    endContent={
-                        <button className="focus:outline-none" type="button" onClick={toggleVisibility}>
-                            {isVisible ? (
-                                <EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
-                            ) : (
-                                <EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
-                            )}
-                        </button>
-                    }
-                    type={isVisible ? "text" : "password"}
-                    label="Password"
-                    placeholder="Masukkan password anda"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    endContent={
-                        <button className="focus:outline-none" type="button" onClick={toggleVisibility}>
-                            {isVisible ? (
-                                <EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
-                            ) : (
-                                <EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
-                            )}
-                        </button>
-                    }
-                    type={isVisible ? "text" : "password"}
-                    label="Konfirmasi Password"
-                    placeholder="Masukkan password anda"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="Nama Lengkap"
-                    placeholder="Masukkan nama lengkap anda"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="Pekerjaan"
-                    placeholder="Masukkan informasi pekerjaan Anda!"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Select
-                    label="Jenis Kelamin"
-                    placeholder="Pilih Jenis Kelamin"
-                    className="max-w-sm"
-                    isRequired
-                    variant="underlined"
-                    classNames={{
-                        label: ["!text-black", "font-semibold"],
-                        // mainWrapper: "rounded",
-                        listboxWrapper:
-                            "bg-white w-full !text-indigo-500 text-center font-bold",
-                        popoverContent: "bg-white !text-indigo-500",
-                        trigger:
-                            "hover:!bg-gray-100",
-                        value: "!text-black"
-                    }}
-                    listboxProps={{
-                        itemClasses: {
-                            base: [
-                                "!text-left",
-                                "!text-black",
-                                "!bg-white",
-                                "text-indigo-500 ",
-                                "data-[selectable=true]:!text-indigo-500",
-                                "data-[pressed=true]:text-indigo-500",
-                                "data-[hover=true]:!text-indigo-300",
-                            ],
-                            wrapper: ["!bg-white border-none"],
-
-                        },
-                    }}
-                    onChange={onChangeGender}
-                >
-                    <SelectSection >
-                        <SelectItem key="male">Laki-laki</SelectItem>
-                        <SelectItem key="female">Perempuan</SelectItem>
-                    </SelectSection>
-                </Select>
-            </div>
-            <div>
-                <Select
-                    label="Tipe"
-                    placeholder="Pilih tipe permohonan informasi sesuai kebutuhn anda"
-                    className="max-w-sm"
-                    isRequired
-                    variant="underlined"
-                    classNames={{
-                        label: ["!text-black", "font-semibold"],
-                        // mainWrapper: "rounded",
-                        listboxWrapper:
-                            "bg-white w-full !text-indigo-500 text-center font-bold",
-                        popoverContent: "bg-white !text-indigo-500",
-                        trigger:
-                            "hover:!bg-gray-100",
-                        value: "!text-black"
-                    }}
-                    listboxProps={{
-                        itemClasses: {
-                            base: [
-                                "!text-left",
-                                "!text-black",
-                                "!bg-white",
-                                "text-indigo-500 ",
-                                "data-[selectable=true]:!text-indigo-500",
-                                "data-[pressed=true]:text-indigo-500",
-                                "data-[hover=true]:!text-indigo-300",
-                            ],
-                            wrapper: ["!bg-white border-none"],
-
-                        },
-                    }}
-                    onChange={onChangeGender}
-                >
-                    <SelectSection >
-                        <SelectItem key="male">Laki-laki</SelectItem>
-                        <SelectItem key="female">Perempuan</SelectItem>
-                    </SelectSection>
-                </Select>
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="KTP"
-                    placeholder="Masukkan nomor ktp anda!"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="Alamat"
-                    placeholder="Masukkan alamat anda!"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="No Telp"
-                    placeholder="Masukkan nomor telepon anda!"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="Email"
-                    placeholder="Masukkan email anda!"
-                    variant='underlined'
-                />
-            </div>
-            <div>
-                <Input
-                    className="max-w-sm"
-                    classNames={{
-                        input: ["w-full", "bg-transparent", "!text-black"],
-                        mainWrapper: ["w-full", "bg-transparent"],
-                        innerWrapper: ["bg-transparent"],
-                        label: ["!text-black", "font-semibold", "text-xs", "w-full"],
-                        inputWrapper: [
-                            "bg-transparent",
-                            "dark:bg-transparent",
-                            "hover:bg-transparent",
-                            "dark:hover:bg-transparent",
-                            "group-data-[focused=true]:bg-transparent",
-                            "dark:group-data-[focused=true]:bg-transaparent",
-                            "group-data-[focused=false]:bg-transparent",
-                            "focus-within:!bg-transparent",
-                        ],
-                    }}
-                    isRequired
-                    type="text"
-                    label="Tanggal Lahir"
-                    isReadOnly
-                    labelPlacement="outside-left"
-                />
-                <Datepicker
-                    useRange={false}
-                    asSingle={true}
-                    value={startDateValue}
-                    displayFormat="DD/MM/YYYY"
-                    onChange={(e: any) => handleValueChange(e, 1)}
-                    inputClassName="w-full bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl "
-                />
-            </div>
-            <div>
-                <Select
-                    label="Pendidikan Terakhir"
-                    placeholder="Pilih Pendidikan terakhir anda"
-                    className="max-w-sm"
-                    isRequired
-                    variant="underlined"
-                    classNames={{
-                        label: ["!text-black", "font-semibold"],
-                        // mainWrapper: "rounded",
-                        listboxWrapper:
-                            "bg-white w-full !text-indigo-500 text-center font-bold",
-                        popoverContent: "bg-white !text-indigo-500",
-                        trigger:
-                            "hover:!bg-gray-100",
-                        value: "!text-black"
-                    }}
-                    listboxProps={{
-                        itemClasses: {
-                            base: [
-                                "!text-left",
-                                "!text-black",
-                                "!bg-white",
-                                "text-indigo-500 ",
-                                "data-[selectable=true]:!text-indigo-500",
-                                "data-[pressed=true]:text-indigo-500",
-                                "data-[hover=true]:!text-indigo-300",
-                            ],
-                            wrapper: ["!bg-white border-none"],
-
-                        },
-                    }}
-                // onChange={onChangeGender}
-                >
-                    <SelectSection >
-                        <SelectItem key="sd">SD</SelectItem>
-                        <SelectItem key="smp">SMP</SelectItem>
-                        <SelectItem key="sma">SMA</SelectItem>
-                        <SelectItem key="d">D1/D2/D3</SelectItem>
-                        <SelectItem key="s1">S1</SelectItem>
-                        <SelectItem key="s2">S2</SelectItem>
-                        <SelectItem key="femals3">S3</SelectItem>
-                    </SelectSection>
-                </Select>
-            </div>
-            <Button className="w-full bg-[#DD8306] font-semibold">Daftar Sekarang</Button>
-        </div>)
-    );
+  return (
+    // <form onSubmit={handleSubmit(onSubmit)}>
+    //     <div>
+    //         <label htmlFor="name">Name:</label>
+    //         <input {...register('name')} id="name" />
+    //         {errors.name && <p>{errors.name.message}</p>}
+    //     </div>
+    //     <div>
+    //         <label htmlFor="email">Email:</label>
+    //         <input {...register('email')} id="email" />
+    //         {errors.email && <p>{errors.email.message}</p>}
+    //     </div>
+    //     <button type="submit">Submit</button>
+    // </form>
+    <div className=" bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5">
+      <div className="text-xl font-bold">Form Register Permohonan</div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="Username"
+          placeholder="Masukkan username anda!"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          endContent={
+            <button
+              className="focus:outline-none"
+              type="button"
+              onClick={toggleVisibility}
+            >
+              {isVisible ? (
+                <EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
+              ) : (
+                <EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
+              )}
+            </button>
+          }
+          type={isVisible ? "text" : "password"}
+          label="Password"
+          placeholder="Masukkan password anda"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          endContent={
+            <button
+              className="focus:outline-none"
+              type="button"
+              onClick={toggleVisibility}
+            >
+              {isVisible ? (
+                <EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
+              ) : (
+                <EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
+              )}
+            </button>
+          }
+          type={isVisible ? "text" : "password"}
+          label="Konfirmasi Password"
+          placeholder="Masukkan password anda"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="Nama Lengkap"
+          placeholder="Masukkan nama lengkap anda"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="Pekerjaan"
+          placeholder="Masukkan informasi pekerjaan Anda!"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Select
+          label="Jenis Kelamin"
+          placeholder="Pilih Jenis Kelamin"
+          className="max-w-sm"
+          isRequired
+          variant="underlined"
+          classNames={{
+            label: ["!text-black", "font-semibold"],
+            // mainWrapper: "rounded",
+            listboxWrapper:
+              "bg-white w-full !text-indigo-500 text-center font-bold",
+            popoverContent: "bg-white !text-indigo-500",
+            trigger: "hover:!bg-gray-100",
+            value: "!text-black",
+          }}
+          listboxProps={{
+            itemClasses: {
+              base: [
+                "!text-left",
+                "!text-black",
+                "!bg-white",
+                "text-indigo-500 ",
+                "data-[selectable=true]:!text-indigo-500",
+                "data-[pressed=true]:text-indigo-500",
+                "data-[hover=true]:!text-indigo-300",
+              ],
+              wrapper: ["!bg-white border-none"],
+            },
+          }}
+          onChange={onChangeGender}
+        >
+          <SelectSection>
+            <SelectItem key="male">Laki-laki</SelectItem>
+            <SelectItem key="female">Perempuan</SelectItem>
+          </SelectSection>
+        </Select>
+      </div>
+      <div>
+        <Select
+          label="Tipe"
+          placeholder="Pilih tipe permohonan informasi sesuai kebutuhn anda"
+          className="max-w-sm"
+          isRequired
+          variant="underlined"
+          classNames={{
+            label: ["!text-black", "font-semibold"],
+            // mainWrapper: "rounded",
+            listboxWrapper:
+              "bg-white w-full !text-indigo-500 text-center font-bold",
+            popoverContent: "bg-white !text-indigo-500",
+            trigger: "hover:!bg-gray-100",
+            value: "!text-black",
+          }}
+          listboxProps={{
+            itemClasses: {
+              base: [
+                "!text-left",
+                "!text-black",
+                "!bg-white",
+                "text-indigo-500 ",
+                "data-[selectable=true]:!text-indigo-500",
+                "data-[pressed=true]:text-indigo-500",
+                "data-[hover=true]:!text-indigo-300",
+              ],
+              wrapper: ["!bg-white border-none"],
+            },
+          }}
+          onChange={onChangeGender}
+        >
+          <SelectSection>
+            <SelectItem key="male">Laki-laki</SelectItem>
+            <SelectItem key="female">Perempuan</SelectItem>
+          </SelectSection>
+        </Select>
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="KTP"
+          placeholder="Masukkan nomor ktp anda!"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="Alamat"
+          placeholder="Masukkan alamat anda!"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="No Telp"
+          placeholder="Masukkan nomor telepon anda!"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="Email"
+          placeholder="Masukkan email anda!"
+          variant="underlined"
+        />
+      </div>
+      <div>
+        <Input
+          className="max-w-sm"
+          classNames={{
+            input: ["w-full", "bg-transparent", "!text-black"],
+            mainWrapper: ["w-full", "bg-transparent"],
+            innerWrapper: ["bg-transparent"],
+            label: ["!text-black", "font-semibold", "text-xs", "w-full"],
+            inputWrapper: [
+              "bg-transparent",
+              "dark:bg-transparent",
+              "hover:bg-transparent",
+              "dark:hover:bg-transparent",
+              "group-data-[focused=true]:bg-transparent",
+              "dark:group-data-[focused=true]:bg-transaparent",
+              "group-data-[focused=false]:bg-transparent",
+              "focus-within:!bg-transparent",
+            ],
+          }}
+          isRequired
+          type="text"
+          label="Tanggal Lahir"
+          isReadOnly
+          labelPlacement="outside-left"
+        />
+        <Datepicker
+          useRange={false}
+          asSingle={true}
+          value={startDateValue}
+          displayFormat="DD/MM/YYYY"
+          onChange={(e: any) => handleValueChange(e, 1)}
+          inputClassName="w-full bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl "
+        />
+      </div>
+      <div>
+        <Select
+          label="Pendidikan Terakhir"
+          placeholder="Pilih Pendidikan terakhir anda"
+          className="max-w-sm"
+          isRequired
+          variant="underlined"
+          classNames={{
+            label: ["!text-black", "font-semibold"],
+            // mainWrapper: "rounded",
+            listboxWrapper:
+              "bg-white w-full !text-indigo-500 text-center font-bold",
+            popoverContent: "bg-white !text-indigo-500",
+            trigger: "hover:!bg-gray-100",
+            value: "!text-black",
+          }}
+          listboxProps={{
+            itemClasses: {
+              base: [
+                "!text-left",
+                "!text-black",
+                "!bg-white",
+                "text-indigo-500 ",
+                "data-[selectable=true]:!text-indigo-500",
+                "data-[pressed=true]:text-indigo-500",
+                "data-[hover=true]:!text-indigo-300",
+              ],
+              wrapper: ["!bg-white border-none"],
+            },
+          }}
+          // onChange={onChangeGender}
+        >
+          <SelectSection>
+            <SelectItem key="sd">SD</SelectItem>
+            <SelectItem key="smp">SMP</SelectItem>
+            <SelectItem key="sma">SMA</SelectItem>
+            <SelectItem key="d">D1/D2/D3</SelectItem>
+            <SelectItem key="s1">S1</SelectItem>
+            <SelectItem key="s2">S2</SelectItem>
+            <SelectItem key="femals3">S3</SelectItem>
+          </SelectSection>
+        </Select>
+      </div>
+      <Button className="w-full bg-[#DD8306] font-semibold">
+        Daftar Sekarang
+      </Button>
+    </div>
+  );
 };
 
 export default FormApplication;
diff --git a/components/page/menu-link.tsx b/components/page/menu-link.tsx
index 594d280..eaf301d 100644
--- a/components/page/menu-link.tsx
+++ b/components/page/menu-link.tsx
@@ -15,8 +15,6 @@ interface MenuLinksProps {
 const MenuLinks: React.FC<MenuLinksProps> = ({ item }) => {
   const pathname = usePathname();
 
-  console.log(pathname);
-
   return (
     <Link
       href={item.path}
diff --git a/components/table/master/master-user-level/master-user-level-table.tsx b/components/table/master/master-user-level/master-user-level-table.tsx
index 2b0b611..f599850 100644
--- a/components/table/master/master-user-level/master-user-level-table.tsx
+++ b/components/table/master/master-user-level/master-user-level-table.tsx
@@ -82,9 +82,7 @@ export default function MasterUserLevelTable() {
 
   const [page, setPage] = useState(1);
 
-  useEffect(() => {
-    console.log("level", selectedLevel);
-  }, [selectedLevel]);
+  useEffect(() => {}, [selectedLevel]);
 
   useEffect(() => {
     fetchData();
@@ -176,7 +174,6 @@ export default function MasterUserLevelTable() {
   };
 
   const handleSelectedLevel = (id: string, checked: boolean) => {
-    console.log("change", id, checked);
     const temp = [...selectedLevel];
     if (checked) {
       temp.push(id);
diff --git a/components/table/suggestions/suggestions-table.tsx b/components/table/suggestions/suggestions-table.tsx
index 88a8195..b100342 100644
--- a/components/table/suggestions/suggestions-table.tsx
+++ b/components/table/suggestions/suggestions-table.tsx
@@ -224,7 +224,6 @@ export default function SuggestionsTable() {
       message: values.description,
       commentFromEmail: values.commentFromEmail,
     };
-    console.log("dataas", formData);
     close();
     // setRefresh(!refresh);
     // MySwal.fire({
diff --git a/components/ui/maps-charts.tsx b/components/ui/maps-charts.tsx
index a049ed1..4400931 100644
--- a/components/ui/maps-charts.tsx
+++ b/components/ui/maps-charts.tsx
@@ -44,7 +44,7 @@ const provinces = [
   { engName: "SOUTH SUMATRA", inName: "SUMATERA SELATAN" },
   { engName: "BENGKULU", inName: "BENGKULU" },
   { engName: "LAMPUNG", inName: "LAMPUNG" },
-  { engName: "BANGKA BELITUNG ISLANDS", inName: "KEPULAUAN BANGKA BELITUNG" },
+  { engName: "BANGKA–BELITUNG ISLANDS", inName: "KEPULAUAN BANGKA BELITUNG" },
   { engName: "RIAU ISLANDS", inName: "KEPULAUAN RIAU" },
   { engName: "JAKARTA", inName: "DKI JAKARTA" },
   { engName: "WEST JAVA", inName: "JAWA BARAT" },
@@ -115,8 +115,8 @@ const IndonesiaMap = () => {
     };
 
     const findRegion = (name: string): string => {
-      const find = provinces.find((a) => a.engName === name);
-      return find ? find.inName : "";
+      const find = provinces.find((a) => a.engName == name);
+      return find ? find.inName : name;
     };
 
     const res = await getStatisticForMaps(
diff --git a/services/http-config/axios-base-service.ts b/services/http-config/axios-base-service.ts
index 48147d7..3b57888 100644
--- a/services/http-config/axios-base-service.ts
+++ b/services/http-config/axios-base-service.ts
@@ -52,7 +52,6 @@ export async function httpPost(pathUrl: any, headers: any, data?: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -75,7 +74,6 @@ export async function httpGet(pathUrl: any, headers: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -110,7 +108,6 @@ export async function httpPut(pathUrl: any, headers: any, data?: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -142,7 +139,6 @@ export async function httpDeleteInterceptor(pathUrl: any, headers: any) {
   const response = await axiosBaseInstance
     .delete(pathUrl, { headers: mergedHeaders })
     .catch((error) => error.response);
-  console.log("Response interceptor : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -165,7 +161,6 @@ export async function mediahubGet(pathUrl: any, headers: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
diff --git a/services/http-config/axios-interceptor-service.ts b/services/http-config/axios-interceptor-service.ts
index 8a8f8a6..5cce845 100644
--- a/services/http-config/axios-interceptor-service.ts
+++ b/services/http-config/axios-interceptor-service.ts
@@ -18,9 +18,7 @@ const axiosInterceptorInstance = axios.create({
 // Request interceptor
 axiosInterceptorInstance.interceptors.request.use(
   (config) => {
-    console.log("Config interceptor : ", config);
     const accessToken = Cookies.get("access_token");
-    console.log("Token interceptor : ", accessToken);
     if (accessToken) {
       if (config.headers)
         config.headers.Authorization = "Bearer " + accessToken;
@@ -35,11 +33,9 @@ axiosInterceptorInstance.interceptors.request.use(
 // Response interceptor
 axiosInterceptorInstance.interceptors.response.use(
   (response) => {
-    console.log("Response interceptor : ", response);
     return response;
   },
   async function (error) {
-    console.log("Error interceptor : ", error.response.status);
     const originalRequest = error.config;
     if (error.response.status === 401 && !originalRequest._retry) {
       originalRequest._retry = true;
@@ -48,7 +44,6 @@ axiosInterceptorInstance.interceptors.response.use(
         refreshToken: refreshToken,
         // clientId: "web-humas",
       };
-      console.log("refresh token ", data);
       const res = await postSignIn(data);
       if (res?.error) {
         Object.keys(Cookies.get()).forEach((cookieName) => {
diff --git a/services/http-config/disestages-services.ts b/services/http-config/disestages-services.ts
index e6fef0d..56d9ddd 100644
--- a/services/http-config/disestages-services.ts
+++ b/services/http-config/disestages-services.ts
@@ -9,7 +9,6 @@ export async function httpPost(pathUrl: any, headers: any, data?: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -32,7 +31,6 @@ export async function httpGet(pathUrl: any, headers: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -61,7 +59,6 @@ export async function httpPost2(pathUrl: any, headers: any, data?: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
diff --git a/services/http-config/http-base-services.ts b/services/http-config/http-base-services.ts
index b6fc06f..5ad5930 100644
--- a/services/http-config/http-base-services.ts
+++ b/services/http-config/http-base-services.ts
@@ -4,7 +4,6 @@ export async function httpGet(pathUrl: any, headers: any) {
   const response = await axiosBaseInstance
     .get(pathUrl, { headers })
     .catch((error) => error.response);
-  console.log("Response base svc : ", response);
   if (response?.data.success) {
     return {
       error: false,
@@ -27,7 +26,6 @@ export async function httpPost(pathUrl: any, headers: any, data: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
diff --git a/services/http-config/http-interceptor-services.ts b/services/http-config/http-interceptor-services.ts
index 3fcd2ca..754779f 100644
--- a/services/http-config/http-interceptor-services.ts
+++ b/services/http-config/http-interceptor-services.ts
@@ -6,7 +6,6 @@ export async function httpGetInterceptor(pathUrl: any) {
   const response = await axiosInterceptorInstance
     .get(pathUrl)
     .catch((error) => error.response);
-  console.log("Response interceptor : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -36,7 +35,6 @@ export async function httpPostInterceptor(
   const response = await axiosInterceptorInstance
     .post(pathUrl, data, { headers })
     .catch((error) => error.response);
-  console.log("Response interceptor : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
@@ -59,7 +57,6 @@ export async function httpDeleteInterceptor(pathUrl: any) {
   const response = await axiosInterceptorInstance
     .delete(pathUrl)
     .catch((error) => error.response);
-  console.log("Response interceptor : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
diff --git a/services/master-user.ts b/services/master-user.ts
index c865dd5..26614db 100644
--- a/services/master-user.ts
+++ b/services/master-user.ts
@@ -186,7 +186,6 @@ async function httpGetTemp(pathUrl: any, headers: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,
diff --git a/services/third-party-service.ts b/services/third-party-service.ts
index 87a02f8..fc6b66a 100644
--- a/services/third-party-service.ts
+++ b/services/third-party-service.ts
@@ -21,7 +21,6 @@ async function tbnGetNews(pathUrl: any, headers: any) {
       console.log(error);
       return error.response;
     });
-  console.log("Response base svc : ", response);
   if (response?.status == 200 || response?.status == 201) {
     return {
       error: false,