From 99c2c9c6d7d34ce70e36ec9f2b99142d8b650257 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Wed, 10 Dec 2025 14:16:15 +0800
Subject: [PATCH] Fix semua tulisan profile jadi profil, mulai dari navbar, dan
 route

---
 .../_lib/layoutTabsDetail.tsx                 |  18 +--
 .../_lib/layoutTabsEdit.tsx                   |   8 +-
 .../desa/{profile => profil}/layout.tsx       |   0
 .../profil-desa}/[id]/lambang_desa/page.tsx   |   6 +-
 .../profil-desa}/[id]/maskot_desa/page.tsx    |   4 +-
 .../profil-desa}/[id]/sejarah_desa/page.tsx   |   6 +-
 .../profil-desa}/[id]/visi_misi_desa/page.tsx |   6 +-
 .../profil-desa}/page.tsx                     |  10 +-
 .../[id]/edit/page.tsx                        |   2 +-
 .../[id]/page.tsx                             |   4 +-
 .../create/page.tsx                           |   2 +-
 .../page.tsx                                  |   4 +-
 .../profil-perbekel}/[id]/page.tsx            |   4 +-
 .../profil-perbekel}/page.tsx                 |   2 +-
 src/app/admin/_com/list_PageAdmin.tsx         |  12 +-
 .../{profile => profil}/_com/BackButto.tsx    |   0
 .../(pages)/desa/{profile => profil}/page.tsx |   0
 .../struktur-perangkat-desa/[id]/page.tsx     |   0
 .../struktur-perangkat-desa/page.tsx          |   0
 .../struktur-perangkat-desa/struktur.css      |   0
 .../{profile => profil}/ui/lambangDesa.tsx    |   0
 .../{profile => profil}/ui/maskotDesa.tsx     |   0
 .../desa/{profile => profil}/ui/motoDesa.tsx  |   0
 .../{profile => profil}/ui/profilPerbekel.tsx |   0
 .../{profile => profil}/ui/profileDesa.tsx    |   0
 .../{profile => profil}/ui/sejarahDesa.tsx    |   0
 .../{profile => profil}/ui/semuaPerbekel.tsx  |   0
 .../{profile => profil}/ui/visimisiDesa.tsx   |   0
 .../{profile-ppid => profil-ppid}/page.tsx    |   0
 .../_com/main-page/kepuasan/index.tsx         | 133 +++++++++++++-----
 src/con/navbar-list-menu.ts                   |   8 +-
 31 files changed, 146 insertions(+), 83 deletions(-)
 rename src/app/admin/(dashboard)/desa/{profile => profil}/_lib/layoutTabsDetail.tsx (89%)
 rename src/app/admin/(dashboard)/desa/{profile => profil}/_lib/layoutTabsEdit.tsx (89%)
 rename src/app/admin/(dashboard)/desa/{profile => profil}/layout.tsx (100%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/lambang_desa/page.tsx (97%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/maskot_desa/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/sejarah_desa/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/[id]/visi_misi_desa/page.tsx (97%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-desa => profil/profil-desa}/page.tsx (97%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/[id]/edit/page.tsx (99%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/[id]/page.tsx (96%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/create/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel-dari-masa-ke-masa => profil/profil-perbekel-dari-masa-ke-masa}/page.tsx (96%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel => profil/profil-perbekel}/[id]/page.tsx (98%)
 rename src/app/admin/(dashboard)/desa/{profile/profile-perbekel => profil/profil-perbekel}/page.tsx (97%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/_com/BackButto.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/page.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/struktur-perangkat-desa/[id]/page.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/struktur-perangkat-desa/page.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/struktur-perangkat-desa/struktur.css (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/lambangDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/maskotDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/motoDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/profilPerbekel.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/profileDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/sejarahDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/semuaPerbekel.tsx (100%)
 rename src/app/darmasaba/(pages)/desa/{profile => profil}/ui/visimisiDesa.tsx (100%)
 rename src/app/darmasaba/(pages)/ppid/{profile-ppid => profil-ppid}/page.tsx (100%)

diff --git a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
similarity index 89%
rename from src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
rename to src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
index 25771ec3..a3dd1255 100644
--- a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsDetail.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsDetail.tsx
@@ -11,21 +11,21 @@ function LayoutTabsDetail({ children }: { children: React.ReactNode }) {
     const pathname = usePathname()
     const tabs = [
         {
-            label: "Profile Desa",
-            value: "profiledesa",
-            href: "/admin/desa/profile/profile-desa",
+            label: "Profil Desa",
+            value: "profildesa",
+            href: "/admin/desa/profil/profil-desa",
             icon: <IconUser size={18} stroke={1.8} />
         },
         {
-            label: "Profile Perbekel",
-            value: "profileperbekel",
-            href: "/admin/desa/profile/profile-perbekel",
+            label: "Profil Perbekel",
+            value: "profilperbekel",
+            href: "/admin/desa/profil/profil-perbekel",
             icon: <IconUsers size={18} stroke={1.8} />
         },
         {
-            label: "Profile Perbekel Dari Masa Ke Masa",
-            value: "profile-perbekel-dari-masa-ke-masa",
-            href: "/admin/desa/profile/profile-perbekel-dari-masa-ke-masa",
+            label: "Profil Perbekel Dari Masa Ke Masa",
+            value: "profilperbekeldarimasakemasa",
+            href: "/admin/desa/profil/profil-perbekel-dari-masa-ke-masa",
             icon: <IconCalendar size={18} stroke={1.8} />
         }
     ];
diff --git a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsEdit.tsx b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsEdit.tsx
similarity index 89%
rename from src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsEdit.tsx
rename to src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsEdit.tsx
index 75201d3d..c384b326 100644
--- a/src/app/admin/(dashboard)/desa/profile/_lib/layoutTabsEdit.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/_lib/layoutTabsEdit.tsx
@@ -12,22 +12,22 @@ function LayoutTabsEdit({ children }: { children: React.ReactNode }) {
         {
             label: "Sejarah Desa",
             value: "sejarahdesa",
-            href: "/admin/desa/profile/edit/sejarah_desa"
+            href: "/admin/desa/profil/edit/sejarah_desa"
         },
         {
             label: "Visi Misi Desa",
             value: "visimisidesa",
-            href: "/admin/desa/profile/edit/visi_misi_desa"
+            href: "/admin/desa/profil/edit/visi_misi_desa"
         },
         {
             label: "Lambang Desa",
             value: "lambangdesa",
-            href: "/admin/desa/profile/edit/lambang_desa"
+            href: "/admin/desa/profil/edit/lambang_desa"
         },
         {
             label: "Maskot Desa",
             value: "maskotdesa",
-            href: "/admin/desa/profile/edit/maskot_desa"
+            href: "/admin/desa/profil/edit/maskot_desa"
         },
     ];
     const curentTab = tabs.find(tab => tab.href === pathname)
diff --git a/src/app/admin/(dashboard)/desa/profile/layout.tsx b/src/app/admin/(dashboard)/desa/profil/layout.tsx
similarity index 100%
rename from src/app/admin/(dashboard)/desa/profile/layout.tsx
rename to src/app/admin/(dashboard)/desa/profil/layout.tsx
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
index 6d182103..ea9f877b 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/lambang_desa/page.tsx
@@ -43,7 +43,7 @@ function Page() {
       const id = params?.id as string;
       if (!id) {
         toast.error('ID tidak valid');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
         return;
       }
 
@@ -106,7 +106,7 @@ function Page() {
 
       if (success) {
         toast.success('Data berhasil disimpan');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
       } else {
         toast.error('Gagal menyimpan data');
       }
@@ -156,7 +156,7 @@ function Page() {
           <Alert icon={<IconAlertCircle size={20} />} color="red" title="Terjadi Kesalahan" radius="md">
             {loadError}
           </Alert>
-          <Button onClick={() => router.push('/admin/desa/profile/profile-desa')} variant="outline">
+          <Button onClick={() => router.push('/admin/desa/profil/profil-desa')} variant="outline">
             Kembali ke Halaman Utama
           </Button>
         </Stack>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
index a33601da..16bd9fda 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/maskot_desa/page.tsx
@@ -40,7 +40,7 @@ function Page() {
       const id = params?.id as string;
       if (!id) {
         toast.error("ID tidak valid");
-        router.push("/admin/desa/profile/profile-desa");
+        router.push("/admin/desa/profil/profil-desa");
         return;
       }
 
@@ -157,7 +157,7 @@ function Page() {
 
       if (success) {
         toast.success("Maskot berhasil diperbarui!");
-        router.push("/admin/desa/profile/profile-desa");
+        router.push("/admin/desa/profil/profil-desa");
       }
     } catch (error) {
       console.error("Error update maskot:", error);
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
index 7bbd5c16..72ab0b41 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/sejarah_desa/page.tsx
@@ -50,7 +50,7 @@ function Page() {
             const id = params?.id as string;
             if (!id) {
                 toast.error('ID tidak valid');
-                router.push('/admin/desa/profile/profile-desa');
+                router.push('/admin/desa/profil/profil-desa');
                 return;
             }
 
@@ -122,7 +122,7 @@ function Page() {
 
             if (success) {
                 toast.success('Data berhasil disimpan');
-                router.push('/admin/desa/profile/profile-desa');
+                router.push('/admin/desa/profil/profil-desa');
             } else {
                 toast.error('Gagal menyimpan data');
             }
@@ -179,7 +179,7 @@ function Page() {
                         {loadError}
                     </Alert>
                     <Button
-                        onClick={() => router.push('/admin/desa/profile/profile-desa')}
+                        onClick={() => router.push('/admin/desa/profil/profil-desa')}
                         variant="outline"
                     >
                         Kembali ke Halaman Utama
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
index 938172b1..98cac0c9 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/[id]/visi_misi_desa/page.tsx
@@ -42,7 +42,7 @@ function Page() {
       const id = params?.id as string;
       if (!id) {
         toast.error('ID tidak valid');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
         return;
       }
 
@@ -106,7 +106,7 @@ function Page() {
 
       if (success) {
         toast.success('Data berhasil disimpan');
-        router.push('/admin/desa/profile/profile-desa');
+        router.push('/admin/desa/profil/profil-desa');
       } else {
         toast.error('Gagal menyimpan data');
       }
@@ -156,7 +156,7 @@ function Page() {
             {loadError}
           </Alert>
           <Button
-            onClick={() => router.push('/admin/desa/profile/profile-desa')}
+            onClick={() => router.push('/admin/desa/profil/profil-desa')}
             variant="outline"
           >
             Kembali ke Halaman Utama
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
index 14a4fd5b..bdee883c 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-desa/page.tsx
@@ -27,7 +27,7 @@ function Page() {
   return (
     <Paper bg={colors['white-1']} p="lg" radius="md" shadow="sm">
       <Stack gap="lg">
-        <Title order={2} c={colors['blue-button']}>Preview Profile Desa</Title>
+        <Title order={2} c={colors['blue-button']}>Preview Profil Desa</Title>
 
         {/* Sejarah Desa */}
         {sejarah && (
@@ -42,7 +42,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${sejarah.id}/sejarah_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${sejarah.id}/sejarah_desa`)}
                   >
                     Edit
                   </Button>
@@ -87,7 +87,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${visiMisi.id}/visi_misi_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${visiMisi.id}/visi_misi_desa`)}
                   >
                     Edit
                   </Button>
@@ -135,7 +135,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${lambang.id}/lambang_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${lambang.id}/lambang_desa`)}
                   >
                     Edit
                   </Button>
@@ -180,7 +180,7 @@ function Page() {
                     variant="light"
                     leftSection={<IconEdit size={18} stroke={2} />}
                     radius="md"
-                    onClick={() => router.push(`/admin/desa/profile/profile-desa/${maskot.id}/maskot_desa`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-desa/${maskot.id}/maskot_desa`)}
                   >
                     Edit
                   </Button>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
similarity index 99%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
index d7c3b632..8cf2e438 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
@@ -117,7 +117,7 @@ function EditPerbekelDariMasaKeMasa() {
 
       await state.update.update();
       toast.success('Perbekel dari masa ke masa berhasil diperbarui!');
-      router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa');
+      router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa');
     } catch (error) {
       console.error('Error updating perbekel dari masa ke masa:', error);
       toast.error('Terjadi kesalahan saat memperbarui perbekel dari masa ke masa');
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
similarity index 96%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
index 8a63f508..c8f9eca9 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/[id]/page.tsx
@@ -25,7 +25,7 @@ function DetailPerbekelDariMasa() {
       state.delete.byId(selectedId);
       setModalHapus(false);
       setSelectedId(null);
-      router.push("/admin/desa/profile/profile-perbekel-dari-masa-ke-masa");
+      router.push("/admin/desa/profil/profil-perbekel-dari-masa-ke-masa");
     }
   };
 
@@ -113,7 +113,7 @@ function DetailPerbekelDariMasa() {
 
                   <Button
                     color="green"
-                    onClick={() => router.push(`/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/${data.id}/edit`)}
+                    onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${data.id}/edit`)}
                     variant="light"
                     radius="md"
                     size="md"
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
index 4a8f6aaa..21973331 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/create/page.tsx
@@ -46,7 +46,7 @@ function CreatePerbekelDariMasaKeMasa() {
       state.create.form.imageId = uploaded.id;
       await state.create.create();
       resetForm();
-      router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa');
+      router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa');
     } catch (error) {
       console.error(error);
       toast.error('Gagal menambahkan perbekel dari masa ke masa');
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
similarity index 96%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
index aaaac6d3..63982af1 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel-dari-masa-ke-masa/page.tsx
@@ -53,7 +53,7 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
               leftSection={<IconPlus size={18} />}
               color="blue"
               variant="light"
-              onClick={() => router.push('/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/create')}
+              onClick={() => router.push('/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/create')}
             >
               Tambah Baru
             </Button>
@@ -90,7 +90,7 @@ function ListPerbekelDariMasaKeMasa({ search }: { search: string }) {
                           variant="light"
                           color="blue"
                           leftSection={<IconDeviceImacCog size={16} />}
-                          onClick={() => router.push(`/admin/desa/profile/profile-perbekel-dari-masa-ke-masa/${item.id}`)}
+                          onClick={() => router.push(`/admin/desa/profil/profil-perbekel-dari-masa-ke-masa/${item.id}`)}
                         >
                           Detail
                         </Button>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
similarity index 98%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
index 1a916bfe..bd26f5c1 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/[id]/page.tsx
@@ -25,7 +25,7 @@ function ProfilePerbekel() {
       const id = params?.id as string;
       if (!id) {
         toast.error("ID tidak valid");
-        router.push("/admin/desa/profile/profile-perbekel");
+        router.push("/admin/desa/profil/profil-perbekel");
         return;
       }
 
@@ -74,7 +74,7 @@ function ProfilePerbekel() {
       const success = await perbekelState.edit.submit()
       if (success) {
         toast.success("Data berhasil disimpan");
-        router.push("/admin/desa/profile/profile-perbekel");
+        router.push("/admin/desa/profil/profil-perbekel");
       }
     } catch (error) {
       console.error("Error update sejarah desa:", error);
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
similarity index 97%
rename from src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
rename to src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
index 2d2ddf4a..53ad1d8c 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profil/profil-perbekel/page.tsx
@@ -41,7 +41,7 @@ function Page() {
                 variant="light"
                 leftSection={<IconEdit size={18} stroke={2} />}
                 radius="md"
-                onClick={() => router.push(`/admin/desa/profile/profile-perbekel/${perbekel.id}`)}
+                onClick={() => router.push(`/admin/desa/profil/profil-perbekel/${perbekel.id}`)}
               >
                 Edit
               </Button>
diff --git a/src/app/admin/_com/list_PageAdmin.tsx b/src/app/admin/_com/list_PageAdmin.tsx
index c6208d81..6574cdb7 100644
--- a/src/app/admin/_com/list_PageAdmin.tsx
+++ b/src/app/admin/_com/list_PageAdmin.tsx
@@ -91,8 +91,8 @@ export const devBar = [
     children: [
       {
         id: "Desa_1",
-        name: "Profile",
-        path: "/admin/desa/profile/profile-desa"
+        name: "Profil",
+        path: "/admin/desa/profil/profil-desa"
       },
       {
         id: "Desa_2",
@@ -495,8 +495,8 @@ export const navBar = [
     children: [
       {
         id: "Desa_1",
-        name: "Profile",
-        path: "/admin/desa/profile/profile-desa"
+        name: "Profil",
+        path: "/admin/desa/profil/profil-desa"
       },
       {
         id: "Desa_2",
@@ -899,8 +899,8 @@ export const role1 = [
     children: [
       {
         id: "Desa_1",
-        name: "Profile",
-        path: "/admin/desa/profile/profile-desa"
+        name: "Profil",
+        path: "/admin/desa/profil/profil-desa"
       },
       {
         id: "Desa_2",
diff --git a/src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx b/src/app/darmasaba/(pages)/desa/profil/_com/BackButto.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
rename to src/app/darmasaba/(pages)/desa/profil/_com/BackButto.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/page.tsx b/src/app/darmasaba/(pages)/desa/profil/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/page.tsx
rename to src/app/darmasaba/(pages)/desa/profil/page.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/[id]/page.tsx
rename to src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/[id]/page.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/page.tsx
rename to src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/page.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css b/src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/struktur.css
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/struktur-perangkat-desa/struktur.css
rename to src/app/darmasaba/(pages)/desa/profil/struktur-perangkat-desa/struktur.css
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/lambangDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/maskotDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/motoDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/profilPerbekel.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/profileDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/profileDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/sejarahDesa.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/semuaPerbekel.tsx
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx b/src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
rename to src/app/darmasaba/(pages)/desa/profil/ui/visimisiDesa.tsx
diff --git a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
similarity index 100%
rename from src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
rename to src/app/darmasaba/(pages)/ppid/profil-ppid/page.tsx
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index d303760c..539ad85a 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -179,26 +179,61 @@ function Kepuasan() {
           <Paper p={"lg"} bg={colors.Bg}>
             <Paper p={"lg"}>
               <Stack gap={"xs"}>
-                <Flex justify={"space-between"} align={"center"}>
-                  <Text fw={"bold"}>Pelayanan Terhadap Publik Desa Darmasaba</Text>
-                  <Box>
-                    <Text fz={"sm"} fw={"bold"} c={colors["blue-button"]}>Total Responden</Text>
-                    <Text ta={"end"} fz={"h1"} fw={"bold"} c={colors["blue-button"]}>
+                <Flex
+                  direction={{ base: "column", sm: "row" }}
+                  justify="space-between"
+                  align={{ base: "flex-start", sm: "center" }}
+                  gap={{ base: "xs", sm: "md" }} // 👈 Tambahkan gap untuk memberi ruang
+                >
+                  <Text
+                    fw="bold"
+                    ta={{ base: "center", sm: "left" }}
+                    fz={{ base: "sm", sm: "md" }} // 👈 Atur ukuran font agar lebih proporsional di mobile
+                  >
+                    Pelayanan Terhadap Publik Desa Darmasaba
+                  </Text>
+                  <Box
+                    mt={{ base: "sm", sm: 0 }}
+                    style={{
+                      display: 'flex',
+                      flexDirection: 'column',
+                      alignItems: 'flex-end', // 👈 Pastikan teks dan angka sejajar ke kanan
+                      textAlign: 'right', // 👈 Agar teks rata kanan
+                    }}
+                  >
+                    <Text fz={{ base: "xs", sm: "sm" }} fw={"bold"} c={colors["blue-button"]}>
+                      Total Responden
+                    </Text>
+                    <Text
+                      ta="end"
+                      fz={{ base: "h2", sm: "h1" }} // 👈 Ukuran font lebih kecil di mobile
+                      fw={"bold"}
+                      c={colors["blue-button"]}
+                    >
                       {state.findMany.total.toLocaleString('id-ID')}
                     </Text>
                   </Box>
                 </Flex>
-                <BarChart
-                  h={window.innerWidth < 480 ? 200 : 300}
-                  data={barChartData}
-                  dataKey="month"
-                  series={[{ name: 'Responden', color: colors['blue-button'] }]}
-                  tickLine="y"
-                  xAxisLabel="Bulan"
-                  yAxisLabel="Jumlah Responden"
-                  withTooltip
-                  tooltipAnimationDuration={200}
-                />
+                <Box style={{ overflowX: 'auto', width: '100%' }}>
+                  <BarChart
+                    h={300}
+                    data={barChartData}
+                    dataKey="month"
+                    series={[{ name: 'Responden', color: colors['blue-button'] }]}
+                    tickLine="y"
+                    xAxisLabel="Bulan"
+                    yAxisLabel="Jumlah Responden"
+                    withTooltip
+                    tooltipAnimationDuration={200}
+                    xAxisProps={{
+                      angle: -45,
+                      textAnchor: 'end',
+                      fontSize: 12,
+                    }}
+                    // 👇 Tambahkan ini agar chart punya lebar minimum yang cukup untuk semua bar
+                    style={{ minWidth: 'fit-content' }}
+                  />
+                </Box>
               </Stack>
             </Paper>
             <Box py={"xl"}>
@@ -443,34 +478,62 @@ function Kepuasan() {
       </Container>
       <Box px={"md"}>
         <Paper p={"lg"} bg={colors.Bg}>
-          <Paper p={"lg"}>
+          <Paper p={"lg"} >
             <Stack gap={"xs"}>
               <Flex
                 direction={{ base: "column", sm: "row" }}
                 justify="space-between"
                 align={{ base: "flex-start", sm: "center" }}
+                gap={{ base: "xs", sm: "md" }} // 👈 Tambahkan gap untuk memberi ruang
               >
-                <Text fw="bold" ta={{ base: "center", sm: "left" }}>
+                <Text
+                  fw="bold"
+                  ta={{ base: "center", sm: "left" }}
+                  fz={{ base: "sm", sm: "md" }} // 👈 Atur ukuran font agar lebih proporsional di mobile
+                >
                   Pelayanan Terhadap Publik Desa Darmasaba
                 </Text>
-                <Box mt={{ base: "sm", sm: 0 }}>
-                  <Text fz={"sm"} fw={"bold"} c={colors["blue-button"]}>Total Responden</Text>
-                  <Text ta={"end"} fz={"h1"} fw={"bold"} c={colors["blue-button"]}>
+                <Box
+                  mt={{ base: "sm", sm: 0 }}
+                  style={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'flex-end', // 👈 Pastikan teks dan angka sejajar ke kanan
+                    textAlign: 'right', // 👈 Agar teks rata kanan
+                  }}
+                >
+                  <Text fz={{ base: "xs", sm: "sm" }} fw={"bold"} c={colors["blue-button"]}>
+                    Total Responden
+                  </Text>
+                  <Text
+                    ta="end"
+                    fz={{ base: "h2", sm: "h1" }} // 👈 Ukuran font lebih kecil di mobile
+                    fw={"bold"}
+                    c={colors["blue-button"]}
+                  >
                     {state.findMany.total.toLocaleString('id-ID')}
                   </Text>
                 </Box>
               </Flex>
-              <BarChart
-                h={300}
-                data={barChartData}
-                dataKey="month"
-                series={[{ name: 'Responden', color: colors['blue-button'] }]}
-                tickLine="y"
-                xAxisLabel="Bulan"
-                yAxisLabel="Jumlah Responden"
-                withTooltip
-                tooltipAnimationDuration={200}
-              />
+              <Box style={{ overflowX: 'auto', width: '100%' }} pb={50}>
+                <BarChart
+                  h={300}
+                  data={barChartData}
+                  dataKey="month"
+                  series={[{ name: 'Responden', color: colors['blue-button'] }]}
+                  tickLine="y"
+                  xAxisLabel=""
+                  yAxisLabel="Jumlah Responden"
+                  withTooltip
+                  tooltipAnimationDuration={200}
+                  xAxisProps={{
+                    angle: -45,
+                    textAnchor: 'end',
+                    fontSize: 12,
+                  }}
+                  style={{ minWidth: 'fit-content' }}
+                />
+              </Box>
             </Stack>
           </Paper>
           <Box py={"xl"}>
@@ -499,7 +562,7 @@ function Kepuasan() {
                               withLabels
                               withTooltip
                               labelsPosition="inside"
-                          
+
                               labelsType="percent"
                               size={200}
                               data={donutDataJenisKelamin}
@@ -537,7 +600,7 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                          
+
                               labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
@@ -581,7 +644,7 @@ function Kepuasan() {
                               withTooltip
                               tooltipAnimationDuration={200}
                               withLabels
-                              
+
                               labelsPosition="inside"
                               labelsType="percent"
                               withLabelsLine
diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts
index c9574c47..35fbebc2 100644
--- a/src/con/navbar-list-menu.ts
+++ b/src/con/navbar-list-menu.ts
@@ -5,8 +5,8 @@ const navbarListMenu = [
         children: [
             {
                 id: "1.1",
-                name: "Profile PPID",
-                href: "/darmasaba/ppid/profile-ppid"
+                name: "Profil PPID",
+                href: "/darmasaba/ppid/profil-ppid"
             },
             {
                 id: "1.2",
@@ -53,8 +53,8 @@ const navbarListMenu = [
         children: [
             {
                 id: "2.1",
-                name: "Profile",
-                href: "/darmasaba/desa/profile"
+                name: "Profil",
+                href: "/darmasaba/desa/profil"
             },
             {
                 id: "2.2",