diff --git a/.gitignore b/.gitignore
index fb70e68f..ebd64b35 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,6 +41,9 @@ next-env.d.ts
 # uploads
 /uploads
 
+# download
+/download
+
 # cache
 /cache
 
diff --git a/bun.lockb b/bun.lockb
index b7d17ba0..7de6015e 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 791da768..4b4d2a54 100644
--- a/package.json
+++ b/package.json
@@ -39,19 +39,23 @@
     "@tiptap/pm": "^2.11.7",
     "@tiptap/react": "^2.11.7",
     "@tiptap/starter-kit": "^2.11.7",
+    "@types/adm-zip": "^0.5.7",
     "@types/bun": "^1.2.2",
     "@types/leaflet": "^1.9.20",
     "@types/lodash": "^4.17.16",
     "add": "^2.0.6",
+    "adm-zip": "^0.5.16",
     "animate.css": "^4.1.1",
     "bcryptjs": "^3.0.2",
     "bun": "^1.2.2",
     "chart.js": "^4.4.8",
     "classnames": "^2.5.1",
+    "colors": "^1.4.0",
     "dayjs": "^1.11.13",
     "elysia": "^1.3.5",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-react": "^7.1.0",
+    "extract-zip": "^2.0.1",
     "form-data": "^4.0.2",
     "framer-motion": "^12.23.5",
     "get-port": "^7.1.0",
diff --git a/prisma/data/user/roles.json b/prisma/data/user/roles.json
index 79da3188..b79f3928 100644
--- a/prisma/data/user/roles.json
+++ b/prisma/data/user/roles.json
@@ -1,29 +1,23 @@
 [
     {
-      "id": "1",
+      "id": "role-1",
       "name": "ADMIN DESA",
       "description": "Administrator Desa",
       "permissions": ["manage_users", "manage_content", "view_reports"],
-      "isActive": true,
-      "createdAt": "2025-09-01T00:00:00.000Z",
-      "updatedAt": "2025-09-01T00:00:00.000Z"
+      "isActive": true
     },
     {
-      "id": "2",
+      "id": "role-2",
       "name": "ADMIN KESEHATAN",
       "description": "Administrator Bidang Kesehatan",
       "permissions": ["manage_health_data", "view_reports"],
-      "isActive": true,
-      "createdAt": "2025-09-01T00:00:00.000Z",
-      "updatedAt": "2025-09-01T00:00:00.000Z"
+      "isActive": true
     },
     {
-      "id": "3",
+      "id": "role-3",
       "name": "ADMIN SEKOLAH",
       "description": "Administrator Sekolah",
       "permissions": ["manage_school_data", "view_reports"],
-      "isActive": true,
-      "createdAt": "2025-09-01T00:00:00.000Z",
-      "updatedAt": "2025-09-01T00:00:00.000Z"
+      "isActive": true
     }
   ]
\ No newline at end of file
diff --git a/prisma/data/user/users.json b/prisma/data/user/users.json
index 2f44c667..eea2a98a 100644
--- a/prisma/data/user/users.json
+++ b/prisma/data/user/users.json
@@ -1,32 +1,23 @@
 [
-    {
-      "id": "1",
-      "nama": "Admin Desa",
-      "nomor": "089647037426",
-      "roleId": "1",
-      "isActive": true,
-      "lastLogin": "2025-08-31T10:00:00.000Z",
-      "createdAt": "2025-09-01T00:00:00.000Z",
-      "updatedAt": "2025-09-01T00:00:00.000Z"
-    },
-    {
-      "id": "2",
-      "nama": "Admin Kesehatan",
-      "nomor": "082339004198",
-      "roleId": "2",
-      "isActive": true,
-      "lastLogin": null,
-      "createdAt": "2025-09-01T00:00:00.000Z",
-      "updatedAt": "2025-09-01T00:00:00.000Z"
-    },
-    {
-      "id": "3",
-      "nama": "Admin Sekolah",
-      "nomor": "085237157222",
-      "roleId": "3",
-      "isActive": true,
-      "lastLogin": null,
-      "createdAt": "2025-09-01T00:00:00.000Z",
-      "updatedAt": "2025-09-01T00:00:00.000Z"
-    }
-  ]
\ No newline at end of file
+  {
+    "id": "user-1",
+    "nama": "Admin Desa",
+    "nomor": "089647037426",
+    "roleId": "role-1",
+    "isActive": true
+  },
+  {
+    "id": "user-2",
+    "nama": "Admin Kesehatan",
+    "nomor": "082339004198",
+    "roleId": "role-2",
+    "isActive": true
+  },
+  {
+    "id": "user-3",
+    "nama": "Admin Sekolah",
+    "nomor": "085237157222",
+    "roleId": "role-3",
+    "isActive": true
+  }
+]
diff --git a/prisma/safeseedUnique.ts b/prisma/safeseedUnique.ts
new file mode 100644
index 00000000..92d16071
--- /dev/null
+++ b/prisma/safeseedUnique.ts
@@ -0,0 +1,30 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// helpers/safeSeedUnique.ts
+import { PrismaClient } from "@prisma/client";
+
+const prisma = new PrismaClient();
+
+/**
+ * Helper generic buat seed dengan upsert aman
+ */
+export async function safeSeedUnique<T extends keyof PrismaClient>(
+  model: T,
+  where: Record<string, any>,
+  data: Record<string, any>
+) {
+  const m = prisma[model];
+
+  if (!m) throw new Error(`Model ${String(model)} tidak ditemukan di PrismaClient`);
+
+  try {
+    // @ts-expect-error upsert dynamic
+    await m.upsert({
+      where,
+      update: data,
+      create: { ...where, ...data },
+    });
+    console.log(`✅ Seeded ${String(model)} -> ${JSON.stringify(where)}`);
+  } catch (err) {
+    console.error(`❌ Gagal seed ${String(model)} -> ${JSON.stringify(where)}`, err);
+  }
+}
diff --git a/prisma/seed.ts b/prisma/seed.ts
index ab793335..c3c7af27 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -56,6 +56,8 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 import roles from "./data/user/roles.json";
 import users from "./data/user/users.json";
 import fileStorage from "./data/file-storage.json";
+import seedAssets from "./seed_assets";
+import { safeSeedUnique } from "./safeseedUnique";
 
 (async () => {
   // =========== USER & ROLE ===========
@@ -63,23 +65,14 @@ import fileStorage from "./data/file-storage.json";
   // =========== ROLES ===========
   console.log("🔄 Seeding roles...");
   for (const r of roles) {
-    await prisma.role.upsert({
-      where: { id: r.id },
-      update: {
-        name: r.name,
-        description: r.description,
-        permissions: r.permissions,
-        isActive: r.isActive,
-      },
-      create: {
-        id: r.id,
-        name: r.name,
-        description: r.description,
-        permissions: r.permissions,
-        isActive: r.isActive,
-      },
+    await safeSeedUnique("role", { id: r.id }, {
+      name: r.name,
+      description: r.description,
+      permissions: r.permissions,
+      isActive: r.isActive,
     });
   }
+
   console.log("✅ Roles seeded");
 
   // =========== USERS ===========
@@ -95,22 +88,12 @@ import fileStorage from "./data/file-storage.json";
       continue;
     }
 
-    await prisma.user.upsert({
-      where: { id: u.id },
-      update: {
-        username: u.nama,
-        nomor: u.nomor,
-        roleId: u.roleId,
+    await safeSeedUnique("user", { id: u.id }, {
+      username: u.nama,
+      nomor: u.nomor,
+      roleId: u.roleId,
         isActive: u.isActive,
-      },
-      create: {
-        id: u.id,
-        username: u.nama,
-        nomor: u.nomor,
-        roleId: u.roleId,
-        isActive: u.isActive,
-      },
-    });
+      });
   }
   console.log("✅ Users seeded");
 
@@ -364,6 +347,7 @@ import fileStorage from "./data/file-storage.json";
         jumlah: l.jumlah,
       },
       create: {
+        id: l.id,
         name: l.name,
         jumlah: l.jumlah,
       },
@@ -1169,6 +1153,10 @@ import fileStorage from "./data/file-storage.json";
   console.log(
     "✅ fasilitas bimbingan belajar desa seeded (editable later via UI)"
   );
+
+  // seed assets
+  await seedAssets();
+
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {
diff --git a/prisma/seed_assets.ts b/prisma/seed_assets.ts
new file mode 100644
index 00000000..f92c0d36
--- /dev/null
+++ b/prisma/seed_assets.ts
@@ -0,0 +1,118 @@
+// prisma/seedAssets.ts
+import fs from "fs/promises";
+import path from "path";
+import sharp from "sharp";
+import fetch from "node-fetch";
+import AdmZip from "adm-zip";
+import prisma from "@/lib/prisma";
+
+const UPLOADS_DIR =
+  process.env.WIBU_UPLOAD_DIR || path.join(process.cwd(), "uploads");
+
+// --- Helper: deteksi kategori file ---
+function detectCategory(filename: string): "image" | "document" | "other" {
+  const ext = path.extname(filename).toLowerCase();
+  if ([".jpg", ".jpeg", ".png", ".webp"].includes(ext)) return "image";
+  if ([".pdf", ".doc", ".docx"].includes(ext)) return "document";
+  return "other";
+}
+
+// --- Helper: recursive walk dir ---
+async function walkDir(dir: string, fileList: string[] = []): Promise<string[]> {
+  const entries = await fs.readdir(dir, { withFileTypes: true });
+
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+
+    if (entry.isDirectory()) {
+      if (entry.name === "__MACOSX") continue; // skip folder sampah
+      await walkDir(fullPath, fileList);
+    } else {
+      if (entry.name.startsWith(".") || entry.name === ".DS_Store") continue; // skip file sampah
+      fileList.push(fullPath);
+    }
+  }
+
+  return fileList;
+}
+
+export default async function seedAssets() {
+  console.log("🚀 Seeding assets...");
+
+  // 1. Download zip
+  const url =
+    "https://cld-dkr-makuro-seafile.wibudev.com/f/ffd5a548a04f47939474/?dl=1";
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`Gagal download assets: ${res.statusText}`);
+  const buffer = Buffer.from(await res.arrayBuffer());
+
+  // 2. Extract zip ke folder tmp
+  const extractDir = path.join(process.cwd(), "tmp_assets");
+  await fs.rm(extractDir, { recursive: true, force: true });
+  await fs.mkdir(extractDir, { recursive: true });
+
+  const zip = new AdmZip(buffer);
+  zip.extractAllTo(extractDir, true);
+
+  // 3. Cari semua file valid (recursive)
+  const files = await walkDir(extractDir);
+
+  // 4. Loop tiap file & simpan
+  for (const filePath of files) {
+    const entryName = path.basename(filePath);
+    const category = detectCategory(entryName);
+
+    let finalName = entryName;
+    let mimeType = "application/octet-stream";
+    let targetPath = "";
+
+    if (category === "image") {
+      const fileBaseName = path.parse(entryName).name;
+      finalName = `${fileBaseName}.webp`;
+      targetPath = path.join(UPLOADS_DIR, "images", finalName);
+      await fs.mkdir(path.dirname(targetPath), { recursive: true });
+      await sharp(filePath).webp({ quality: 80 }).toFile(targetPath);
+      mimeType = "image/webp";
+    } else if (category === "document") {
+      targetPath = path.join(UPLOADS_DIR, "documents", entryName);
+      await fs.mkdir(path.dirname(targetPath), { recursive: true });
+      await fs.copyFile(filePath, targetPath);
+      mimeType = "application/pdf";
+    } else {
+      targetPath = path.join(UPLOADS_DIR, "other", entryName);
+      await fs.mkdir(path.dirname(targetPath), { recursive: true });
+      await fs.copyFile(filePath, targetPath);
+    }
+
+    // 5. Simpan ke DB
+    await prisma.fileStorage.create({
+      data: {
+        name: finalName,
+        realName: entryName,
+        path: targetPath,
+        mimeType,
+        link: `/uploads/${category}/${finalName}`,
+        category,
+      },
+    });
+
+    console.log(`📂 saved: ${category}/${finalName}`);
+  }
+
+  // 6. Cleanup
+  await fs.rm(extractDir, { recursive: true, force: true });
+
+  console.log("✅ Selesai seed assets!");
+}
+
+// --- Auto run kalau dipanggil langsung ---
+if (import.meta.main) {
+  seedAssets()
+    .catch((err) => {
+      console.error("❌ Error seeding assets:", err);
+      process.exit(1);
+    })
+    .finally(async () => {
+      await prisma.$disconnect();
+    });
+}
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
index e42a0071..19eaebd5 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/[id]/page.tsx
@@ -96,7 +96,7 @@ function EditKategoriBerita() {
           <TextInput
             label="Nama Kategori Berita"
             placeholder="Masukkan nama kategori berita"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
index 06fa984b..db9e2b6a 100644
--- a/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/kategori-berita/create/page.tsx
@@ -7,10 +7,9 @@ import {
   Group,
   Paper,
   Stack,
-  Text,
   TextInput,
   Title,
-  Tooltip,
+  Tooltip
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -62,9 +61,9 @@ function CreateKategoriBerita() {
       >
         <Stack gap="md">
           <TextInput
-            label={<Text fw="bold" fz="sm">Nama Kategori Berita</Text>}
+            label="Nama Kategori Berita"
             placeholder="Masukkan nama kategori berita"
-            value={createState.create.form.name || ''}
+            defaultValue={createState.create.form.name || ''}
             onChange={(e) => (createState.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
index 7c52837f..8757e17c 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/edit/page.tsx
@@ -131,17 +131,36 @@ function EditBerita() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) =>
               setFormData({ ...formData, judul: e.target.value })
             }
             required
           />
 
+          <Select
+            value={formData.kategoriBeritaId}
+            onChange={(val) =>
+              setFormData({ ...formData, kategoriBeritaId: val || "" })
+            }
+            label="Kategori"
+            placeholder="Pilih kategori"
+            data={
+              beritaState.kategoriBerita.findMany.data?.map((v) => ({
+                value: v.id,
+                label: v.name,
+              })) || []
+            }
+            clearable
+            searchable
+            required
+            error={!formData.kategoriBeritaId ? "Pilih kategori" : undefined}
+          />
+
           <TextInput
-            label="Deskripsi"
-            placeholder="Masukkan deskripsi"
-            value={formData.deskripsi}
+            label="Deskripsi Singkat"
+            placeholder="Masukkan deskripsi singkat"
+            defaultValue={formData.deskripsi}
             onChange={(e) =>
               setFormData({ ...formData, deskripsi: e.target.value })
             }
@@ -216,26 +235,6 @@ function EditBerita() {
               }}
             />
           </Box>
-
-          <Select
-            value={formData.kategoriBeritaId}
-            onChange={(val) =>
-              setFormData({ ...formData, kategoriBeritaId: val || "" })
-            }
-            label="Kategori"
-            placeholder="Pilih kategori"
-            data={
-              beritaState.kategoriBerita.findMany.data?.map((v) => ({
-                value: v.id,
-                label: v.name,
-              })) || []
-            }
-            clearable
-            searchable
-            required
-            error={!formData.kategoriBeritaId ? "Pilih kategori" : undefined}
-          />
-
           <Group justify="right">
             <Button
               onClick={handleSubmit}
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
index 2ffcb31c..9e114849 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/[id]/page.tsx
@@ -80,7 +80,7 @@ function DetailBerita() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed">{data.deskripsi || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsi || '-'}</Text>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
index 3100163a..bd5e269f 100644
--- a/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/list-berita/create/page.tsx
@@ -100,7 +100,7 @@ export default function CreateBerita() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul berita"
-            value={beritaState.berita.create.form.judul}
+            defaultValue={beritaState.berita.create.form.judul}
             onChange={(e) => (beritaState.berita.create.form.judul = e.target.value)}
             required
           />
@@ -112,7 +112,7 @@ export default function CreateBerita() {
               label: item.name,
               value: item.id,
             }))}
-            value={beritaState.berita.create.form.kategoriBeritaId || null}
+            defaultValue={beritaState.berita.create.form.kategoriBeritaId || null}
             onChange={(val: string | null) => {
               if (val) {
                 const selected = beritaState.kategoriBerita.findMany.data?.find(
@@ -133,8 +133,9 @@ export default function CreateBerita() {
 
           <TextInput
             label="Deskripsi Singkat"
+            required
             placeholder="Masukkan deskripsi berita"
-            value={beritaState.berita.create.form.deskripsi}
+            defaultValue={beritaState.berita.create.form.deskripsi}
             onChange={(e) => (beritaState.berita.create.form.deskripsi = e.target.value)}
           />
 
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
index df68af39..771e7908 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/edit/page.tsx
@@ -102,7 +102,7 @@ function EditVideo() {
           <TextInput
             label="Judul Video"
             placeholder="Masukkan judul video"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -111,7 +111,7 @@ function EditVideo() {
             <TextInput
               label="Link Video YouTube"
               placeholder="https://www.youtube.com/watch?v=abc123"
-              value={formData.linkVideo}
+              defaultValue={formData.linkVideo}
               onChange={(e) => setFormData({ ...formData, linkVideo: e.currentTarget.value })}
               required
             />
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
index 52bef7cd..65a579a0 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/[id]/page.tsx
@@ -102,6 +102,7 @@ function DetailVideo() {
                     fz="md"
                     c="dimmed"
                     dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                   />
                 ) : (
                   <Text fz="sm" c="dimmed">Tidak ada deskripsi</Text>
diff --git a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
index 9194a15e..9badd230 100644
--- a/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/video/create/page.tsx
@@ -80,7 +80,7 @@ function CreateVideo() {
           <TextInput
             label="Judul Video"
             placeholder="Masukkan judul video"
-            value={videoState.create.form.name}
+            defaultValue={videoState.create.form.name}
             onChange={(e) => {
               videoState.create.form.name = e.currentTarget.value;
             }}
@@ -91,7 +91,7 @@ function CreateVideo() {
           <TextInput
             label="Link Video YouTube"
             placeholder="https://www.youtube.com/watch?v=abc123"
-            value={link}
+            defaultValue={link}
             onChange={(e) => setLink(e.currentTarget.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
index 79fe9452..e3500a06 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/edit/page.tsx
@@ -98,7 +98,7 @@ function EditAjukanPermohonan() {
                     <TextInput
                         label="Nama"
                         placeholder="Masukkan nama"
-                        value={formData.nama}
+                        defaultValue={formData.nama}
                         onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
                         required
                     />
@@ -107,7 +107,7 @@ function EditAjukanPermohonan() {
                         type="number"
                         label="NIK"
                         placeholder="Masukkan NIK"
-                        value={formData.nik}
+                        defaultValue={formData.nik}
                         onChange={(e) => setFormData({ ...formData, nik: e.target.value })}
                         required
                     />
@@ -115,7 +115,7 @@ function EditAjukanPermohonan() {
                     <TextInput
                         label="Alamat"
                         placeholder="Masukkan alamat"
-                        value={formData.alamat}
+                        defaultValue={formData.alamat}
                         onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
                         required
                     />
@@ -124,7 +124,7 @@ function EditAjukanPermohonan() {
                         type="number"
                         label="Nomor KK"
                         placeholder="Masukkan nomor KK"
-                        value={formData.nomorKk}
+                        defaultValue={formData.nomorKk}
                         onChange={(e) => setFormData({ ...formData, nomorKk: e.target.value })}
                         required
                     />
diff --git a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
index 808c0229..7d10ba08 100644
--- a/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/ajukan_permohonan/[id]/page.tsx
@@ -3,14 +3,14 @@ import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirma
 import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
 import colors from '@/con/colors';
 import {
-    Box,
-    Button,
-    Group,
-    Paper,
-    Skeleton,
-    Stack,
-    Text,
-    Tooltip
+  Box,
+  Button,
+  Group,
+  Paper,
+  Skeleton,
+  Stack,
+  Text,
+  Tooltip
 } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
@@ -79,7 +79,7 @@ function DetailAjukanPermohonan() {
                 <Text fz="lg" fw="bold">
                   Nama
                 </Text>
-                <Text fz="md" c="dimmed">
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
                   {data?.nama || '-'}
                 </Text>
               </Box>
@@ -97,7 +97,7 @@ function DetailAjukanPermohonan() {
                 <Text fz="lg" fw="bold">
                   Alamat
                 </Text>
-                <Text fz="md" c="dimmed">
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
                   {data?.alamat || '-'}
                 </Text>
               </Box>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/edit/page.tsx
index eed1a9a3..b6264dec 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/edit/page.tsx
@@ -76,7 +76,7 @@ function EditPelayananPendudukNonPermanent() {
             <TextInput
               label="Judul"
               placeholder="Masukkan judul"
-              value={formData.name}
+              defaultValue={formData.name}
               onChange={(e) =>
                 setFormData({ ...formData, name: e.target.value })
               }
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
index 0d89b55b..bb7df689 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
@@ -91,6 +91,7 @@ function PelayananPendudukNonPermanent() {
                 ta="justify"
                 fz={{ base: '1rem', md: '1.2rem' }}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
             </Box>
           </Box>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/edit/page.tsx
index 05488b2d..c0349c4b 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/edit/page.tsx
@@ -83,7 +83,7 @@ function EditPelayananPerizinanBerusaha() {
             <TextInput
               label="Judul"
               placeholder="Masukkan judul"
-              value={formData.name}
+              defaultValue={formData.name}
               onChange={(e) => setFormData({ ...formData, name: e.target.value })}
               required
             />
@@ -92,7 +92,7 @@ function EditPelayananPerizinanBerusaha() {
             <TextInput
               label="Link"
               placeholder="Masukkan link terkait"
-              value={formData.link}
+              defaultValue={formData.link}
               onChange={(e) => setFormData({ ...formData, link: e.target.value })}
             />
 
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
index 2c6a41fe..64439514 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
@@ -101,6 +101,7 @@ function PerizinanBerusaha() {
                 ta="justify"
                 fz={{ base: '1rem', md: '1.2rem' }}
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
 
               <Text
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
index d1c6d8ae..fbcc606f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/edit/page.tsx
@@ -122,7 +122,7 @@ function EditSuratKeterangan() {
           <TextInput
             label="Nama Surat Keterangan"
             placeholder="Masukkan nama surat keterangan"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
index 2da12ed5..59d992ac 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/[id]/page.tsx
@@ -95,6 +95,7 @@ function DetailSuratKeterangan() {
                   dangerouslySetInnerHTML={{
                     __html: data?.deskripsi || '-',
                   }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
index 2af7efc7..ba52a647 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/create/page.tsx
@@ -106,9 +106,9 @@ function CreateSuratKeterangan() {
         <Stack gap="md">
           {/* Nama Surat */}
           <TextInput
-            value={stateSurat.create.form.name}
+            defaultValue={stateSurat.create.form.name}
             onChange={(val) => (stateSurat.create.form.name = val.target.value)}
-            label={<Text fz="sm" fw="bold">Nama Surat Keterangan</Text>}
+            label="Nama Surat Keterangan"
             placeholder="Masukkan nama surat keterangan"
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
index db80a721..e4948edf 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx
@@ -119,6 +119,7 @@ function ListSuratKeterangan({ search }: { search: string }) {
                       <Box w={200}>
                         <Text truncate="end" lineClamp={1} fz="sm" c="dimmed"
                           dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                          style={{wordBreak: "break-word", whiteSpace: "normal"}}
                         />
                       </Box>
                     </TableTd>
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
index a80f7bb1..8c4997af 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
@@ -94,7 +94,7 @@ function EditPelayananTelunjukSakti() {
           <TextInput
             label="Nama Pelayanan"
             placeholder="Masukkan nama pelayanan"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -114,7 +114,7 @@ function EditPelayananTelunjukSakti() {
           <TextInput
             label="Link"
             placeholder="Masukkan link terkait"
-            value={formData.link}
+            defaultValue={formData.link}
             onChange={(e) => setFormData({ ...formData, link: e.target.value })}
           />
 
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
index 37ca8a44..04b7a37f 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/page.tsx
@@ -103,6 +103,7 @@ function DetailPelayananTelunjukSakti() {
                       overflow: 'hidden',
                       textOverflow: 'ellipsis',
                       whiteSpace: 'nowrap',
+                      wordBreak: "break-word",
                     }}
                   >
                     {data.link}
@@ -124,6 +125,7 @@ function DetailPelayananTelunjukSakti() {
                   dangerouslySetInnerHTML={{
                     __html: data?.deskripsi || '-',
                   }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
index 5cf7028f..5b2d330a 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
@@ -8,15 +8,14 @@ import {
   Group,
   Paper,
   Stack,
-  Text,
   TextInput,
   Title,
-  Tooltip,
+  Tooltip
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 function CreatePelayananTelunjukDesa() {
   const stateTelunjukDesa = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa);
@@ -68,33 +67,35 @@ function CreatePelayananTelunjukDesa() {
         <Stack gap="md">
           {/* Nama */}
           <TextInput
-            value={stateTelunjukDesa.create.form.name}
+            defaultValue={stateTelunjukDesa.create.form.name}
             onChange={(val) => {
               stateTelunjukDesa.create.form.name = val.target.value;
             }}
-            label={<Text fz="sm" fw="bold">Nama Pelayanan</Text>}
+            label="Nama Pelayanan"
             placeholder="Masukkan nama pelayanan telunjuk sakti desa"
             required
           />
 
           {/* Deskripsi */}
           <TextInput
-            value={stateTelunjukDesa.create.form.deskripsi}
+            defaultValue={stateTelunjukDesa.create.form.deskripsi}
             onChange={(val) => {
               stateTelunjukDesa.create.form.deskripsi = val.target.value;
             }}
-            label={<Text fz="sm" fw="bold">Deskripsi</Text>}
+            label="Deskripsi"
             placeholder="Masukkan deskripsi pelayanan"
+            required
           />
 
           {/* Link */}
           <TextInput
-            value={stateTelunjukDesa.create.form.link}
+            defaultValue={stateTelunjukDesa.create.form.link}
             onChange={(val) => {
               stateTelunjukDesa.create.form.link = val.target.value;
             }}
-            label={<Text fz="sm" fw="bold">Link</Text>}
+            label="Link"
             placeholder="Masukkan link pelayanan"
+            required
           />
 
           {/* Tombol Simpan */}
diff --git a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
index be6ea158..03752f68 100644
--- a/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx
@@ -261,7 +261,7 @@ function ListPelayananTelunjukSakti({ search }: { search: string }) {
                     <TableTd>
                       <Box w={200}>
                         <a href={item.link} target="_blank" rel="noopener noreferrer">
-                          <Text lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} truncate="end" fz={"sm"} />
+                          <Text lineClamp={1} dangerouslySetInnerHTML={{ __html: item.deskripsi }} style={{wordBreak: "break-word", whiteSpace: "normal"}} truncate="end" fz={"sm"} />
                         </a>
                       </Box>
                     </TableTd>
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
index 8e5606dc..09de4e8f 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/edit/page.tsx
@@ -122,7 +122,7 @@ function EditPenghargaan() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul penghargaan"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -131,7 +131,7 @@ function EditPenghargaan() {
           <TextInput
             label="Juara"
             placeholder="Masukkan juara"
-            value={formData.juara}
+            defaultValue={formData.juara}
             onChange={(e) => setFormData({ ...formData, juara: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
index a8d902e4..05a5774a 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/[id]/page.tsx
@@ -122,6 +122,7 @@ function DetailPenghargaan() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
index 94a3c4e4..dbfb717c 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/create/page.tsx
@@ -87,17 +87,17 @@ function CreatePenghargaan() {
       >
         <Stack gap="md">
           <TextInput
-            value={statePenghargaan.create.form.name}
+            defaultValue={statePenghargaan.create.form.name}
             onChange={(val) => (statePenghargaan.create.form.name = val.target.value)}
-            label={<Text fz="sm" fw="bold">Nama Penghargaan</Text>}
+            label="Nama Penghargaan"
             placeholder="Masukkan nama penghargaan"
             required
           />
 
           <TextInput
-            value={statePenghargaan.create.form.juara}
+            defaultValue={statePenghargaan.create.form.juara}
             onChange={(val) => (statePenghargaan.create.form.juara = val.target.value)}
-            label={<Text fz="sm" fw="bold">Juara</Text>}
+            label="Juara"
             placeholder="Masukkan juara"
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
index 4e54e837..ac4de300 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
@@ -108,6 +108,7 @@ function ListPenghargaan({ search }: { search: string }) {
                           fz="sm"
                           c="dimmed"
                           dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                          style={{wordBreak: "break-word", whiteSpace: "normal"}}
                         />
                       </Box>
                     </TableTd>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
index fe07bfd4..f8891222 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/[id]/page.tsx
@@ -10,8 +10,7 @@ import {
   Stack,
   TextInput,
   Title,
-  Tooltip,
-  Text,
+  Tooltip
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -95,11 +94,7 @@ function EditKategoriPengumuman() {
       >
         <Stack gap="md">
           <TextInput
-            label={
-              <Text fz="sm" fw="bold">
-                Nama Kategori Pengumuman
-              </Text>
-            }
+            label="Nama Kategori Pengumuman"
             placeholder="Masukkan nama kategori Pengumuman"
             value={formData.name}
             onChange={(e) =>
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
index 1284d18f..c5e4bac0 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/kategori-pengumuman/create/page.tsx
@@ -7,10 +7,9 @@ import {
   Group,
   Paper,
   Stack,
-  Text,
   TextInput,
   Title,
-  Tooltip,
+  Tooltip
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -62,9 +61,9 @@ function CreateKategoriPengumuman() {
       >
         <Stack gap="md">
           <TextInput
-            label={<Text fw="bold" fz="sm">Nama Kategori Pengumuman</Text>}
+            label="Nama Kategori Pengumuman"
             placeholder="Masukkan nama kategori pengumuman"
-            value={createState.create.form.name || ''}
+            defaultValue={createState.create.form.name || ''}
             onChange={(e) => (createState.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
index 745672ee..2ecca8ff 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/edit/page.tsx
@@ -108,7 +108,7 @@ function EditPengumuman() {
           <TextInput
             label="Judul Pengumuman"
             placeholder="Masukkan judul"
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
             required
           />
@@ -116,7 +116,7 @@ function EditPengumuman() {
           <TextInput
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi"
-            value={formData.deskripsi}
+            defaultValue={formData.deskripsi}
             onChange={(e) =>
               setFormData({ ...formData, deskripsi: e.target.value })
             }
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
index eaa244ba..e1847094 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/[id]/page.tsx
@@ -97,7 +97,7 @@ export default function DetailPengumuman() {
                 <Text fz="lg" fw="bold">
                   Deskripsi
                 </Text>
-                <Text fz="md" c="dimmed">
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
                   {data?.deskripsi || '-'}
                 </Text>
               </Box>
@@ -112,6 +112,7 @@ export default function DetailPengumuman() {
                   dangerouslySetInnerHTML={{
                     __html: data?.content || '-',
                   }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
index fb142b99..d2d62314 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/list-pengumuman/create/page.tsx
@@ -68,16 +68,16 @@ function CreatePengumuman() {
         <Stack gap="md">
           {/* Judul */}
           <TextInput
-            value={pengumumanState.pengumuman.create.form.judul}
+            defaultValue={pengumumanState.pengumuman.create.form.judul}
             onChange={(val) => (pengumumanState.pengumuman.create.form.judul = val.target.value)}
-            label={<Text fz="sm" fw="bold">Judul</Text>}
+            label="Judul"
             placeholder="Masukkan judul pengumuman"
             required
           />
 
           {/* Kategori */}
           <Select
-            label={<Text fz="sm" fw="bold">Kategori</Text>}
+            label="Kategori"
             placeholder="Pilih kategori"
             value={pengumumanState.pengumuman.create.form.categoryPengumumanId || ""}
             onChange={(val) => {
@@ -93,9 +93,9 @@ function CreatePengumuman() {
 
           {/* Deskripsi Singkat */}
           <TextInput
-            value={pengumumanState.pengumuman.create.form.deskripsi}
+            defaultValue={pengumumanState.pengumuman.create.form.deskripsi}
             onChange={(val) => (pengumumanState.pengumuman.create.form.deskripsi = val.target.value)}
-            label={<Text fz="sm" fw="bold">Deskripsi Singkat</Text>}
+            label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
index 73092b8f..a11dd51f 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/[id]/page.tsx
@@ -89,7 +89,7 @@ function EditKategoriPotensi() {
           <TextInput
             label="Nama Kategori Potensi"
             placeholder="Masukkan nama kategori potensi"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
index 61a46a0a..68f63d0a 100644
--- a/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/kategori-potensi/create/page.tsx
@@ -7,10 +7,9 @@ import {
   Group,
   Paper,
   Stack,
-  Text,
   TextInput,
   Title,
-  Tooltip,
+  Tooltip
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -62,9 +61,9 @@ function CreateKategoriPotensi() {
       >
         <Stack gap="md">
           <TextInput
-            label={<Text fw="bold" fz="sm">Nama Kategori Potensi</Text>}
+            label="Nama Kategori Potensi"
             placeholder="Masukkan nama kategori potensi"
-            value={createState.create.form.nama || ''}
+            defaultValue={createState.create.form.nama || ''}
             onChange={(e) => (createState.create.form.nama = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
index 1bcdc41a..880f0222 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/edit/page.tsx
@@ -122,7 +122,7 @@ function EditPotensi() {
           <TextInput
             label="Judul Potensi"
             placeholder="Masukkan judul"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -130,7 +130,7 @@ function EditPotensi() {
           <TextInput
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi"
-            value={formData.deskripsi}
+            defaultValue={formData.deskripsi}
             onChange={(e) => setFormData({ ...formData, deskripsi: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
index dc40fae6..67de6719 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/[id]/page.tsx
@@ -77,7 +77,7 @@ export default function DetailPotensi() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed">{data.deskripsi || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsi || '-'}</Text>
               </Box>
 
               <Box>
@@ -103,6 +103,7 @@ export default function DetailPotensi() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.content || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
index b7a9f1dd..6726ec00 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/create/page.tsx
@@ -93,25 +93,25 @@ function CreatePotensi() {
         <Stack gap="md">
           {/* Judul */}
           <TextInput
-            value={potensiState.create.form.name}
+            defaultValue={potensiState.create.form.name}
             onChange={(val) => (potensiState.create.form.name = val.target.value)}
-            label={<Text fz="sm" fw="bold">Judul</Text>}
+            label="Judul"
             placeholder="Masukkan judul potensi"
             required
           />
 
           {/* Deskripsi */}
           <TextInput
-            value={potensiState.create.form.deskripsi}
+            defaultValue={potensiState.create.form.deskripsi}
             onChange={(val) => (potensiState.create.form.deskripsi = val.target.value)}
-            label={<Text fz="sm" fw="bold">Deskripsi</Text>}
+            label="Deskripsi"
             placeholder="Masukkan deskripsi singkat"
             required
           />
 
           {/* Kategori */}
           <Select
-            label={<Text fz="sm" fw="bold">Kategori</Text>}
+            label="Kategori"
             placeholder="Pilih kategori"
             value={potensiState.create.form.kategoriId || ""}
             onChange={(val) => {
diff --git a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
index 2a7c6eb8..dea0a8ec 100644
--- a/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/list-potensi/page.tsx
@@ -115,6 +115,7 @@ function ListPotensi({ search }: { search: string }) {
                           truncate
                           fz="sm"
                           dangerouslySetInnerHTML={{ __html: item.deskripsi }}
+                          style={{wordBreak: "break-word", whiteSpace: "normal"}}
                         />
                       </Box>
                     </TableTd>
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
index c0ee0456..03660631 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx
@@ -115,7 +115,7 @@ function Page() {
                         <TextInput
                             label={<Text fw="bold">Judul</Text>}
                             placeholder="Judul lambang"
-                            value={lambangState.update.form.judul}
+                            defaultValue={lambangState.update.form.judul}
                             onChange={(e) => lambangState.update.form.judul = e.currentTarget.value}
                             error={!lambangState.update.form.judul && "Judul wajib diisi"}
                         />
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
index 8926e3bf..e1d424b8 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
@@ -175,7 +175,7 @@ function Page() {
             <TextInput
               label={<Text fw="bold">Judul</Text>}
               placeholder="Masukkan judul maskot"
-              value={formData.judul}
+              defaultValue={formData.judul}
               onChange={(e) => setFormData({ ...formData, judul: e.currentTarget.value })}
               error={!formData.judul && "Judul wajib diisi"}
             />
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
index 89bd1d64..c941dd4f 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx
@@ -116,7 +116,7 @@ function Page() {
                         <TextInput
                             label={<Text fw="bold">Judul</Text>}
                             placeholder="Judul sejarah"
-                            value={sejarahState.update.form.judul}
+                            defaultValue={sejarahState.update.form.judul}
                             onChange={(e) => sejarahState.update.form.judul = e.currentTarget.value}
                             error={!sejarahState.update.form.judul && "Judul wajib diisi"}
                         />
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
index 218819e3..325202a1 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx
@@ -70,7 +70,7 @@ function Page() {
                   </Paper>
                 </Stack>
                 <Divider my="md" color={colors['blue-button']} />
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
+                <Text fz={{ base: "md", md: "h3" }} style={{wordBreak: "break-word", whiteSpace: "normal"}} ta="justify" dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
               </Paper>
             </Box>
           </Paper>
@@ -118,9 +118,9 @@ function Page() {
                 </Stack>
                 <Divider my="md" color={colors['blue-button']} />
                 <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Visi Desa</Text>
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
+                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
                 <Text fw="bold" fz={{ base: "lg", md: "h2" }}>Misi Desa</Text>
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
+                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
               </Paper>
             </Box>
           </Paper>
@@ -167,7 +167,7 @@ function Page() {
                   </Paper>
                 </Stack>
                 <Divider my="md" color={colors['blue-button']} />
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
+                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
               </Paper>
             </Box>
           </Paper>
@@ -214,7 +214,7 @@ function Page() {
                   </Paper>
                 </Stack>
                 <Divider my="md" color={colors['blue-button']} />
-                <Text fz={{ base: "md", md: "h3" }} ta="justify" dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
+                <Text fz={{ base: "md", md: "h3" }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
                 <Stack mt="md" gap="sm">
                   <SimpleGrid cols={{ base: 2, md: 4 }} spacing="md">
                     {maskot.images.map((img, idx) => (
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/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
index f48a8bba..5cabb73a 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/[id]/edit/page.tsx
@@ -106,7 +106,7 @@ function EditPerbekelDariMasaKeMasa() {
           <TextInput
             label="Nama"
             placeholder="Masukkan nama"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
@@ -170,7 +170,7 @@ function EditPerbekelDariMasaKeMasa() {
           <TextInput
             label="Daerah"
             placeholder="Masukkan daerah"
-            value={formData.daerah}
+            defaultValue={formData.daerah}
             onChange={(e) => setFormData({ ...formData, daerah: e.target.value })}
             required
           />
@@ -178,7 +178,7 @@ function EditPerbekelDariMasaKeMasa() {
           <TextInput
             label="Periode"
             placeholder="Masukkan periode"
-            value={formData.periode}
+            defaultValue={formData.periode}
             onChange={(e) => setFormData({ ...formData, periode: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
index ff5f7104..d2c5ca5e 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel-dari-masa-ke-masa/create/page.tsx
@@ -70,23 +70,23 @@ function CreatePerbekelDariMasaKeMasa() {
       >
         <Stack gap="md">
           <TextInput
-            label={<Text fw="bold" fz="sm">Nama Perbekel</Text>}
+            label="Nama Perbekel"
             placeholder="Masukkan nama perbekel"
-            value={state.create.form.nama}
+            defaultValue={state.create.form.nama}
             onChange={(e) => (state.create.form.nama = e.target.value)}
             required
           />
           <TextInput
-            label={<Text fw="bold" fz="sm">Daerah</Text>}
+            label="Daerah"
             placeholder="Masukkan daerah"
-            value={state.create.form.daerah}
+            defaultValue={state.create.form.daerah}
             onChange={(e) => (state.create.form.daerah = e.target.value)}
             required
           />
           <TextInput
-            label={<Text fw="bold" fz="sm">Periode</Text>}
+            label="Periode"
             placeholder="Masukkan periode"
-            value={state.create.form.periode}
+            defaultValue={state.create.form.periode}
             onChange={(e) => (state.create.form.periode = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
index 1f435fea..73da958e 100644
--- a/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx
@@ -97,16 +97,16 @@ function Page() {
           {/* Biodata & Info */}
           <Box mt="lg">
             <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Biodata</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.biodata }} />
+            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.biodata }} />
 
             <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Pengalaman</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }} />
+            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }} />
 
             <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Pengalaman Organisasi</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }} />
+            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }} />
 
             <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mt="md" mb={4}>Program Kerja Unggulan</Text>
-            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }} />
+            <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }} />
           </Box>
         </Paper>
       </Stack>
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
index 7d07fd77..3c6b290b 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/[id]/edit/page.tsx
@@ -111,7 +111,7 @@ function EditAPBDesa() {
           {/* Tahun */}
           <TextInput
             type="number"
-            value={formData.tahun}
+            defaultValue={formData.tahun}
             onChange={(e) =>
               setFormData({ ...formData, tahun: e.target.value })
             }
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
index 174d0c9a..797cc92f 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/apbdesa/create/page.tsx
@@ -65,7 +65,7 @@ function CreateAPBDesa() {
         <Stack gap="md">
           <TextInput
             type="number"
-            value={apbDesaState.create.form.tahun}
+            defaultValue={apbDesaState.create.form.tahun}
             onChange={(val) => {
               apbDesaState.create.form.tahun = Number(val.target.value);
             }}
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
index ea3729d2..75ed35df 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/[id]/page.tsx
@@ -112,7 +112,7 @@ function EditBelanja() {
           <TextInput
             label="Nama Jenis Belanja"
             placeholder="Masukkan nama jenis belanja"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -120,7 +120,7 @@ function EditBelanja() {
           <TextInput
             label="Nilai"
             placeholder="Masukkan nilai"
-            value={formatRupiah(formData.value)}
+            defaultValue={formatRupiah(formData.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               const cleanValue = unformatRupiah(raw);
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
index 76bc332c..7cc80cf9 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/belanja/create/page.tsx
@@ -85,7 +85,7 @@ function CreateBelanja() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Jenis Belanja</Text>}
             placeholder="Masukkan nama jenis belanja"
-            value={belanjaState.create.form.name}
+            defaultValue={belanjaState.create.form.name}
             onChange={(e) => (belanjaState.create.form.name = e.target.value)}
             required
           />
@@ -94,7 +94,7 @@ function CreateBelanja() {
             type="text"
             label={<Text fw="bold" fz="sm">Nilai</Text>}
             placeholder="Masukkan nilai belanja"
-            value={formatRupiah(belanjaState.create.form.value)}
+            defaultValue={formatRupiah(belanjaState.create.form.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               belanjaState.create.form.value = unformatRupiah(raw);
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
index 0492b8ee..988b9eda 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/[id]/page.tsx
@@ -112,7 +112,7 @@ function EditPembiayaan() {
           <TextInput
             label="Nama Jenis Pembiayaan"
             placeholder="Masukkan nama jenis pembiayaan"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -120,7 +120,7 @@ function EditPembiayaan() {
           <TextInput
             label="Nilai"
             placeholder="Masukkan nilai"
-            value={formatRupiah(formData.value)}
+            defaultValue={formatRupiah(formData.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               const cleanValue = unformatRupiah(raw);
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
index ff6e17ff..a432a431 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pembiayaan/create/page.tsx
@@ -85,7 +85,7 @@ function CreatePembiayaan() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Jenis Pembiayaan</Text>}
             placeholder="Masukkan nama jenis pembiayaan"
-            value={pembiayaanState.create.form.name}
+            defaultValue={pembiayaanState.create.form.name}
             onChange={(e) => {
               pembiayaanState.create.form.name = e.currentTarget.value;
             }}
@@ -96,7 +96,7 @@ function CreatePembiayaan() {
             type="text"
             label={<Text fw="bold" fz="sm">Nilai</Text>}
             placeholder="Masukkan nilai"
-            value={formatRupiah(pembiayaanState.create.form.value)}
+            defaultValue={formatRupiah(pembiayaanState.create.form.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               pembiayaanState.create.form.value = unformatRupiah(raw);
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
index 1970c267..137f01e8 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/[id]/page.tsx
@@ -110,7 +110,7 @@ function EditPendapatan() {
           <TextInput
             label="Nama Jenis Pendapatan"
             placeholder="Masukkan nama jenis pendapatan"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -118,7 +118,7 @@ function EditPendapatan() {
           <TextInput
             label="Nilai"
             placeholder="Masukkan nilai"
-            value={formatRupiah(formData.value)}
+            defaultValue={formatRupiah(formData.value)}
             onChange={(e) => {
               const raw = e.currentTarget.value;
               const cleanValue = unformatRupiah(raw);
diff --git a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
index 9ff6882f..663ae35b 100644
--- a/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/PADesa-pendapatan-asli-desa/pendapatan/create/page.tsx
@@ -7,10 +7,9 @@ import {
   Group,
   Paper,
   Stack,
-  Text,
   TextInput,
   Title,
-  Tooltip,
+  Tooltip
 } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -76,32 +75,24 @@ function CreatePendapatan() {
       >
         <Stack gap="md">
           <TextInput
-            value={pendapatanState.create.form.name}
+            defaultValue={pendapatanState.create.form.name}
             onChange={(val) => {
               pendapatanState.create.form.name = val.target.value;
             }}
-            label={
-              <Text fw="bold" fz="sm">
-                Nama Jenis Pendapatan
-              </Text>
-            }
+            label="Nama Jenis Pendapatan"
             placeholder="Masukkan nama jenis pendapatan"
             required
           />
 
           <TextInput
             type="text"
-            value={formatRupiah(pendapatanState.create.form.value)}
+            defaultValue={formatRupiah(pendapatanState.create.form.value)}
             onChange={(val) => {
               const raw = val.currentTarget.value;
               const cleanValue = unformatRupiah(raw);
               pendapatanState.create.form.value = cleanValue;
             }}
-            label={
-              <Text fw="bold" fz="sm">
-                Nilai
-              </Text>
-            }
+            label="Nilai"
             placeholder="Masukkan nilai"
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
index 20e7e339..f284f9ce 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx
@@ -91,7 +91,7 @@ function EditDemografiPekerjaan() {
           <TextInput
             label="Pekerjaan"
             placeholder="Masukkan jenis pekerjaan"
-            value={stateDemografi.update.form.pekerjaan}
+            defaultValue={stateDemografi.update.form.pekerjaan}
             onChange={(e) =>
               (stateDemografi.update.form.pekerjaan = e.currentTarget.value)
             }
@@ -102,7 +102,7 @@ function EditDemografiPekerjaan() {
             label="Jumlah Pekerja Laki-laki"
             type="number"
             placeholder="Masukkan jumlah pekerja laki-laki"
-            value={stateDemografi.update.form.lakiLaki}
+            defaultValue={stateDemografi.update.form.lakiLaki}
             onChange={(e) =>
               (stateDemografi.update.form.lakiLaki = Number(
                 e.currentTarget.value
@@ -115,7 +115,7 @@ function EditDemografiPekerjaan() {
             label="Jumlah Pekerja Perempuan"
             type="number"
             placeholder="Masukkan jumlah pekerja perempuan"
-            value={stateDemografi.update.form.perempuan}
+            defaultValue={stateDemografi.update.form.perempuan}
             onChange={(e) =>
               (stateDemografi.update.form.perempuan = Number(
                 e.currentTarget.value
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
index f7ef972e..d590b347 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx
@@ -77,7 +77,7 @@ function CreateDemografiPekerjaan() {
           <TextInput
             label="Pekerjaan"
             type="text"
-            value={stateDemografi.create.form.pekerjaan}
+            defaultValue={stateDemografi.create.form.pekerjaan}
             placeholder="Masukkan pekerjaan"
             onChange={(val) => {
               stateDemografi.create.form.pekerjaan = val.currentTarget.value;
@@ -87,7 +87,7 @@ function CreateDemografiPekerjaan() {
           <TextInput
             label="Jumlah Pekerja Laki-Laki"
             type="number"
-            value={stateDemografi.create.form.lakiLaki}
+            defaultValue={stateDemografi.create.form.lakiLaki}
             placeholder="Masukkan jumlah pekerja laki-laki"
             onChange={(val) => {
               stateDemografi.create.form.lakiLaki = Number(val.currentTarget.value);
@@ -97,7 +97,7 @@ function CreateDemografiPekerjaan() {
           <TextInput
             label="Jumlah Pekerja Perempuan"
             type="number"
-            value={stateDemografi.create.form.perempuan}
+            defaultValue={stateDemografi.create.form.perempuan}
             placeholder="Masukkan jumlah pekerja perempuan"
             onChange={(val) => {
               stateDemografi.create.form.perempuan = Number(val.currentTarget.value);
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
index cdcbc699..f0f70c62 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/[id]/page.tsx
@@ -78,7 +78,7 @@ function EditJumlahPendudukMiskin() {
             placeholder="Masukkan tahun"
             type="number"
             required
-            value={stateJPM.update.form.year}
+            defaultValue={stateJPM.update.form.year}
             onChange={(val) => {
               stateJPM.update.form.year = Number(val.currentTarget.value);
             }}
@@ -89,7 +89,7 @@ function EditJumlahPendudukMiskin() {
             placeholder="Masukkan jumlah penduduk miskin"
             type="number"
             required
-            value={stateJPM.update.form.totalPoorPopulation}
+            defaultValue={stateJPM.update.form.totalPoorPopulation}
             onChange={(val) => {
               stateJPM.update.form.totalPoorPopulation = Number(val.currentTarget.value);
             }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
index d045d1d6..fdebedfd 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin/create/page.tsx
@@ -61,7 +61,7 @@ export default function CreateJumlahPendudukMiskin() {
           <TextInput
             label="Tahun"
             type="number"
-            value={stateJPM.create.form.year || ''}
+            defaultValue={stateJPM.create.form.year || ''}
             placeholder="Masukkan tahun"
             onChange={(e) => {
               const value = e.currentTarget.value;
@@ -73,7 +73,7 @@ export default function CreateJumlahPendudukMiskin() {
           <TextInput
             label="Jumlah Penduduk Miskin"
             type="number"
-            value={stateJPM.create.form.totalPoorPopulation}
+            defaultValue={stateJPM.create.form.totalPoorPopulation}
             placeholder="Masukkan jumlah penduduk miskin"
             onChange={(e) => {
               stateJPM.create.form.totalPoorPopulation = Number(e.currentTarget.value);
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
index 5d58837e..fb6cef40 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/[id]/page.tsx
@@ -63,35 +63,35 @@ function EditGrafikBerdasarkanPendidikan() {
             label="SD"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.SD}
+            defaultValue={stategrafik.update.form.SD}
             onChange={(val) => (stategrafik.update.form.SD = val.currentTarget.value)}
           />
           <TextInput
             label="SMP"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.SMP}
+            defaultValue={stategrafik.update.form.SMP}
             onChange={(val) => (stategrafik.update.form.SMP = val.currentTarget.value)}
           />
           <TextInput
             label="SMA"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.SMA}
+            defaultValue={stategrafik.update.form.SMA}
             onChange={(val) => (stategrafik.update.form.SMA = val.currentTarget.value)}
           />
           <TextInput
             label="D3"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.D3}
+            defaultValue={stategrafik.update.form.D3}
             onChange={(val) => (stategrafik.update.form.D3 = val.currentTarget.value)}
           />
           <TextInput
             label="S1"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.S1}
+            defaultValue={stategrafik.update.form.S1}
             onChange={(val) => (stategrafik.update.form.S1 = val.currentTarget.value)}
           />
 
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
index d62b2de1..e57a797a 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx
@@ -67,7 +67,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="SD"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.SD}
+            defaultValue={stategrafik.create.form.SD}
             onChange={(val) => (stategrafik.create.form.SD = val.currentTarget.value)}
             required
           />
@@ -75,7 +75,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="SMP"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.SMP}
+            defaultValue={stategrafik.create.form.SMP}
             onChange={(val) => (stategrafik.create.form.SMP = val.currentTarget.value)}
             required
           />
@@ -83,7 +83,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="SMA"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.SMA}
+            defaultValue={stategrafik.create.form.SMA}
             onChange={(val) => (stategrafik.create.form.SMA = val.currentTarget.value)}
             required
           />
@@ -91,7 +91,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="D3"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.D3}
+            defaultValue={stategrafik.create.form.D3}
             onChange={(val) => (stategrafik.create.form.D3 = val.currentTarget.value)}
             required
           />
@@ -99,7 +99,7 @@ function CreateGrafikBerdasarkanPendidikan() {
             label="S1"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.S1}
+            defaultValue={stategrafik.create.form.S1}
             onChange={(val) => (stategrafik.create.form.S1 = val.currentTarget.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
index 8a6ee1b8..f80dd83a 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/[id]/page.tsx
@@ -71,7 +71,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 18 - 25"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.usia18_25}
+            defaultValue={stategrafik.update.form.usia18_25}
             onChange={(val) => {
               stategrafik.update.form.usia18_25 = val.currentTarget.value;
             }}
@@ -81,7 +81,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 26 - 35"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.usia26_35}
+            defaultValue={stategrafik.update.form.usia26_35}
             onChange={(val) => {
               stategrafik.update.form.usia26_35 = val.currentTarget.value;
             }}
@@ -91,7 +91,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 36 - 45"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.usia36_45}
+            defaultValue={stategrafik.update.form.usia36_45}
             onChange={(val) => {
               stategrafik.update.form.usia36_45 = val.currentTarget.value;
             }}
@@ -101,7 +101,7 @@ function EditGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 46 +"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.update.form.usia46_keatas}
+            defaultValue={stategrafik.update.form.usia46_keatas}
             onChange={(val) => {
               stategrafik.update.form.usia46_keatas = val.currentTarget.value;
             }}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
index 673256f5..77c362fd 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx
@@ -66,7 +66,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 18 - 25"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.usia18_25}
+            defaultValue={stategrafik.create.form.usia18_25}
             onChange={(val) => (stategrafik.create.form.usia18_25 = val.currentTarget.value)}
             required
           />
@@ -74,7 +74,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 26 - 35"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.usia26_35}
+            defaultValue={stategrafik.create.form.usia26_35}
             onChange={(val) => (stategrafik.create.form.usia26_35 = val.currentTarget.value)}
             required
           />
@@ -82,7 +82,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 36 - 45"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.usia36_45}
+            defaultValue={stategrafik.create.form.usia36_45}
             onChange={(val) => (stategrafik.create.form.usia36_45 = val.currentTarget.value)}
             required
           />
@@ -90,7 +90,7 @@ function CreateGrafikBerdasarkanUsiaKerjaYangMenganggur() {
             label="Usia 46 +"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stategrafik.create.form.usia46_keatas}
+            defaultValue={stategrafik.create.form.usia46_keatas}
             onChange={(val) => (stategrafik.create.form.usia46_keatas = val.currentTarget.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
index 6e0bae06..29f9a929 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx
@@ -139,20 +139,23 @@ function EditDetailDataPengangguran() {
           />
           <NumberInput
             label="Tahun"
-            value={formData.year}
+            defaultValue={formData.year}
             onChange={(val) => updateFormData({ year: Number(val) })}
+            required
           />
           <TextInput
             label="Pengangguran Terdidik"
             type="number"
-            value={formData.educatedUnemployment}
+            defaultValue={formData.educatedUnemployment}
             onChange={(val) => updateFormData({ educatedUnemployment: Number(val.currentTarget.value) || 0 })}
+            required
           />
           <TextInput
             label="Pengangguran Tidak Terdidik"
             type="number"
-            value={formData.uneducatedUnemployment}
+            defaultValue={formData.uneducatedUnemployment}
             onChange={(val) => updateFormData({ uneducatedUnemployment: Number(val.currentTarget.value) || 0 })}
+            required
           />
           <Text fz="sm" fw={500}>Total Otomatis: {formData.totalUnemployment}</Text>
           <Text fz="sm" fw={500}>Perubahan Otomatis: {formData.percentageChange !== null ? `${formData.percentageChange}%` : '-'}</Text>
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
index ebe47764..5c3fc4a2 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx
@@ -107,7 +107,7 @@ function EditLowonganKerja() {
           <TextInput
             label="Posisi"
             placeholder="Masukkan posisi"
-            value={formData.posisi}
+            defaultValue={formData.posisi}
             onChange={(e) => setFormData({ ...formData, posisi: e.target.value })}
             required
           />
@@ -115,7 +115,7 @@ function EditLowonganKerja() {
           <TextInput
             label="Nama Perusahaan"
             placeholder="Masukkan nama perusahaan"
-            value={formData.namaPerusahaan}
+            defaultValue={formData.namaPerusahaan}
             onChange={(e) => setFormData({ ...formData, namaPerusahaan: e.target.value })}
             required
           />
@@ -123,7 +123,7 @@ function EditLowonganKerja() {
           <TextInput
             label="Lokasi"
             placeholder="Masukkan lokasi"
-            value={formData.lokasi}
+            defaultValue={formData.lokasi}
             onChange={(e) => setFormData({ ...formData, lokasi: e.target.value })}
             required
           />
@@ -131,7 +131,7 @@ function EditLowonganKerja() {
           <TextInput
             label="Tipe Pekerjaan"
             placeholder="Masukkan tipe pekerjaan"
-            value={formData.tipePekerjaan}
+            defaultValue={formData.tipePekerjaan}
             onChange={(e) => setFormData({ ...formData, tipePekerjaan: e.target.value })}
             required
           />
@@ -139,7 +139,7 @@ function EditLowonganKerja() {
           <TextInput
             label="Gaji (per bulan)"
             placeholder="Masukkan gaji"
-            value={formData.gaji}
+            defaultValue={formData.gaji}
             onChange={(e) => setFormData({ ...formData, gaji: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
index 79af7355..a954888b 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/page.tsx
@@ -94,12 +94,12 @@ function DetailLowonganKerjaLokal() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }} />
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Kualifikasi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.kualifikasi || '-' }} />
               </Box>
 
               <Group gap="sm" mt="sm">
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
index 61adecdf..2de1d7b7 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
@@ -69,7 +69,7 @@ function CreateLowonganKerja() {
       >
         <Stack gap="md">
           <TextInput
-            value={lowonganState.create.form.posisi}
+            defaultValue={lowonganState.create.form.posisi}
             onChange={(val) =>
               (lowonganState.create.form.posisi = val.target.value)
             }
@@ -78,7 +78,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            value={lowonganState.create.form.namaPerusahaan}
+            defaultValue={lowonganState.create.form.namaPerusahaan}
             onChange={(val) =>
               (lowonganState.create.form.namaPerusahaan = val.target.value)
             }
@@ -87,7 +87,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            value={lowonganState.create.form.lokasi}
+            defaultValue={lowonganState.create.form.lokasi}
             onChange={(val) =>
               (lowonganState.create.form.lokasi = val.target.value)
             }
@@ -96,7 +96,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            value={lowonganState.create.form.tipePekerjaan}
+            defaultValue={lowonganState.create.form.tipePekerjaan}
             onChange={(val) =>
               (lowonganState.create.form.tipePekerjaan = val.target.value)
             }
@@ -105,7 +105,7 @@ function CreateLowonganKerja() {
             required
           />
           <TextInput
-            value={lowonganState.create.form.gaji}
+            defaultValue={lowonganState.create.form.gaji}
             onChange={(val) =>
               (lowonganState.create.form.gaji = val.target.value)
             }
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
index 310cfdfb..d6099abb 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/[id]/page.tsx
@@ -106,7 +106,7 @@ function EditKategoriProduk() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Kategori Produk</Text>}
             placeholder="Masukkan nama kategori produk"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
index cf153d3b..93598be7 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/create/page.tsx
@@ -74,7 +74,7 @@ function CreateKategoriProduk() {
           <TextInput
             label="Nama Kategori Produk"
             placeholder="Masukkan nama kategori produk"
-            value={statePasar.create.form.nama || ''}
+            defaultValue={statePasar.create.form.nama || ''}
             onChange={(e) => (statePasar.create.form.nama = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
index 098c500e..4d6d615d 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
@@ -173,7 +173,7 @@ function EditPasarDesa() {
           <TextInput
             label="Nama Produk"
             placeholder="Masukkan nama produk"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
@@ -182,7 +182,7 @@ function EditPasarDesa() {
             type="number"
             label="Harga Produk"
             placeholder="Masukkan harga produk"
-            value={formData.harga}
+            defaultValue={formData.harga}
             onChange={(e) => setFormData({ ...formData, harga: Number(e.target.value) })}
             required
           />
@@ -194,7 +194,7 @@ function EditPasarDesa() {
             step={0.1}
             label="Rating Produk"
             placeholder="Masukkan rating produk (0-5)"
-            value={formData.rating}
+            defaultValue={formData.rating}
             onChange={(e) => setFormData({ ...formData, rating: Number(e.target.value) })}
             required
           />
@@ -202,7 +202,7 @@ function EditPasarDesa() {
           <TextInput
             label="Alamat Usaha"
             placeholder="Masukkan alamat usaha"
-            value={formData.alamatUsaha}
+            defaultValue={formData.alamatUsaha}
             onChange={(e) => setFormData({ ...formData, alamatUsaha: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
index 861b1069..53b8e2e6 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
@@ -144,7 +144,7 @@ export default function CreatePasarDesa() {
           <TextInput
             label="Nama Produk"
             placeholder="Masukkan nama produk"
-            value={statePasar.pasarDesa.create.form.nama}
+            defaultValue={statePasar.pasarDesa.create.form.nama}
             onChange={(e) => (statePasar.pasarDesa.create.form.nama = e.target.value)}
             required
           />
@@ -154,7 +154,7 @@ export default function CreatePasarDesa() {
             type="number"
             label="Harga Produk"
             placeholder="Masukkan harga produk"
-            value={statePasar.pasarDesa.create.form.harga}
+            defaultValue={statePasar.pasarDesa.create.form.harga}
             onChange={(e) => (statePasar.pasarDesa.create.form.harga = Number(e.target.value))}
             required
           />
@@ -167,7 +167,7 @@ export default function CreatePasarDesa() {
             step={0.1}
             label="Rating Produk (0–5)"
             placeholder="Masukkan rating produk"
-            value={statePasar.pasarDesa.create.form.rating}
+            defaultValue={statePasar.pasarDesa.create.form.rating}
             onChange={(e) => {
               const value = Number(e.target.value);
               if (value >= 0 && value <= 5) {
@@ -180,7 +180,7 @@ export default function CreatePasarDesa() {
           <TextInput
             label="Alamat Usaha"
             placeholder="Masukkan alamat usaha"
-            value={statePasar.pasarDesa.create.form.alamatUsaha}
+            defaultValue={statePasar.pasarDesa.create.form.alamatUsaha}
             onChange={(e) => (statePasar.pasarDesa.create.form.alamatUsaha = e.target.value)}
           />
 
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
index e51f0058..f4184456 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/edit/page.tsx
@@ -92,7 +92,7 @@ function EditProgramKemiskinan() {
       >
         <Stack gap="md">
           <TextInput
-            value={stateProgram.update.form.nama}
+            defaultValue={stateProgram.update.form.nama}
             onChange={(e) => {
               stateProgram.update.form.nama = e.target.value;
             }}
@@ -131,7 +131,7 @@ function EditProgramKemiskinan() {
             </Text>
             <TextInput
               type="number"
-              value={stateProgram.update.form.statistik.jumlah}
+              defaultValue={stateProgram.update.form.statistik.jumlah}
               onChange={(e) => {
                 stateProgram.update.form.statistik.jumlah = e.target.value;
               }}
@@ -142,7 +142,7 @@ function EditProgramKemiskinan() {
 
             <TextInput
               type="number"
-              value={stateProgram.update.form.statistik.tahun}
+              defaultValue={stateProgram.update.form.statistik.tahun}
               onChange={(e) => {
                 stateProgram.update.form.statistik.tahun = e.target.value;
               }}
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
index 2d87c9bc..5e4acf64 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/[id]/page.tsx
@@ -90,6 +90,7 @@ function DetailProgramKemiskinan() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
index 37d93d55..cf4c0696 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx
@@ -93,7 +93,7 @@ function CreateProgramKemiskinan() {
           <TextInput
             label="Judul Program"
             placeholder="Masukkan judul program"
-            value={programState.create.form.nama}
+            defaultValue={programState.create.form.nama}
             onChange={(val) => (programState.create.form.nama = val.target.value)}
             required
           />
@@ -128,7 +128,7 @@ function CreateProgramKemiskinan() {
           <Group grow>
             <TextInput
               type="number"
-              value={programState.create.form.statistik.jumlah}
+              defaultValue={programState.create.form.statistik.jumlah}
               onChange={(val) =>
                 (programState.create.form.statistik.jumlah = val.target.value)
               }
@@ -138,7 +138,7 @@ function CreateProgramKemiskinan() {
             />
             <TextInput
               type="number"
-              value={programState.create.form.statistik.tahun}
+              defaultValue={programState.create.form.statistik.tahun}
               onChange={(val) =>
                 (programState.create.form.statistik.tahun = val.target.value)
               }
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
index 603c194e..a33cc1c3 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/edit/page.tsx
@@ -89,7 +89,7 @@ function EditSektorUnggulanDesa() {
           <TextInput
             label="Nama Sektor Unggulan"
             placeholder="Masukkan nama sektor unggulan"
-            value={stateGrafik.update.form.name}
+            defaultValue={stateGrafik.update.form.name}
             onChange={(val) => {
               stateGrafik.update.form.name = val.currentTarget.value;
             }}
@@ -110,7 +110,7 @@ function EditSektorUnggulanDesa() {
             label="Jumlah"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stateGrafik.update.form.value}
+            defaultValue={stateGrafik.update.form.value}
             onChange={(val) => {
               stateGrafik.update.form.value = Number(val.currentTarget.value);
             }}
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
index f89351a9..631a4f52 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/[id]/page.tsx
@@ -82,7 +82,7 @@ function DetailSektorUnggulanDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text ta={"justify"} fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.description || '-' }} />
+                <Text ta={"justify"} fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.description || '-' }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
index 507cb066..4761de26 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx
@@ -78,7 +78,7 @@ function CreateSektorUnggulanDesa() {
           <TextInput
             label="Nama Sektor Unggulan"
             placeholder="Masukkan nama sektor unggulan"
-            value={stateGrafik.create.form.name}
+            defaultValue={stateGrafik.create.form.name}
             onChange={(e) => {
               stateGrafik.create.form.name = e.currentTarget.value;
             }}
@@ -101,7 +101,7 @@ function CreateSektorUnggulanDesa() {
             label="Jumlah"
             type="number"
             placeholder="Masukkan jumlah"
-            value={stateGrafik.create.form.value}
+            defaultValue={stateGrafik.create.form.value}
             onChange={(e) => {
               stateGrafik.create.form.value = Number(e.currentTarget.value);
             }}
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/[id]/page.tsx
index d063805e..3b395be8 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/[id]/page.tsx
@@ -83,7 +83,7 @@ export default function EditHubunganOrganisasi() {
           <TextInput
             label="Tipe"
             placeholder="Contoh: langsung_melapor"
-            value={form.tipe}
+            defaultValue={form.tipe}
             onChange={(e) => setForm({ ...form, tipe: e.currentTarget.value })}
           />
           <Button onClick={handleSubmit} color="blue">Simpan</Button>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/create/page.tsx
index 39e0a23a..32b57b80 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi/create/page.tsx
@@ -67,7 +67,7 @@ export default function CreateHubunganOrganisasi() {
           <TextInput
             label="Tipe"
             placeholder="Contoh: langsung_melapor"
-            value={form.tipe}
+            defaultValue={form.tipe}
             onChange={(e) => setForm({ ...form, tipe: e.currentTarget.value })}
           />
           <Button onClick={handleSubmit} color="blue">Simpan</Button>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
index 7cf73d5d..7bcb21e4 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/edit/page.tsx
@@ -151,13 +151,13 @@ export default function EditPegawai() {
           <TextInput
             label="Nama Lengkap"
             placeholder="Masukkan nama lengkap"
-            value={formData.namaLengkap}
+            defaultValue={formData.namaLengkap}
             onChange={(e) => setFormData({ ...formData, namaLengkap: e.target.value })}
           />
           <TextInput
             label="Gelar Akademik"
             placeholder="Contoh: S.Kom"
-            value={formData.gelarAkademik}
+            defaultValue={formData.gelarAkademik}
             onChange={(e) => setFormData({ ...formData, gelarAkademik: e.target.value })}
           />
           <Box>
@@ -217,25 +217,25 @@ export default function EditPegawai() {
             label="Tanggal Masuk"
             type="date"
             placeholder="Contoh: 2022-01-01"
-            value={formatDateForInput(formData.tanggalMasuk)}
+            defaultValue={formatDateForInput(formData.tanggalMasuk)}
             onChange={(e) => setFormData({ ...formData, tanggalMasuk: e.target.value })}
           />
           <TextInput
             label="Email"
             placeholder="Contoh: email@example.com"
-            value={formData.email}
+            defaultValue={formData.email}
             onChange={(e) => (formData.email = e.currentTarget.value)}
           />
           <TextInput
             label="Telepon"
             placeholder="Contoh: 08123456789"
-            value={formData.telepon}
+            defaultValue={formData.telepon}
             onChange={(e) => (formData.telepon = e.currentTarget.value)}
           />
           <TextInput
             label="Alamat"
             placeholder="Contoh: Jl. Contoh No. 1"
-            value={formData.alamat}
+            defaultValue={formData.alamat}
             onChange={(e) => (formData.alamat = e.currentTarget.value)}
           />
           <Select
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
index 261a61de..ea1f9f81 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/[id]/page.tsx
@@ -75,7 +75,7 @@ function DetailPegawai() {
               </Box>
               <Box>
                 <Text fz={"lg"} fw={"bold"}>Email</Text>
-                <Text fz={"lg"}>{statePegawai.findUnique.data?.email}</Text>
+                <Text fz={"lg"} style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{statePegawai.findUnique.data?.email}</Text>
               </Box>
               <Box>
                 <Text fz={"lg"} fw={"bold"}>Telepon</Text>
@@ -83,7 +83,7 @@ function DetailPegawai() {
               </Box>
               <Box>
                 <Text fz={"lg"} fw={"bold"}>Alamat</Text>
-                <Text fz={"lg"}>{statePegawai.findUnique.data?.alamat}</Text>
+                <Text fz={"lg"} style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{statePegawai.findUnique.data?.alamat}</Text>
               </Box>
               <Box>
                 <Text fz={"lg"} fw={"bold"}>Posisi</Text>
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
index 540a3daf..4f1be2d5 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai/create/page.tsx
@@ -84,13 +84,13 @@ function CreatePegawai() {
           <TextInput
             label="Nama Lengkap"
             placeholder="Masukkan nama lengkap"
-            value={stateOrganisasi.pegawai.create.form.namaLengkap}
+            defaultValue={stateOrganisasi.pegawai.create.form.namaLengkap}
             onChange={(e) => (stateOrganisasi.pegawai.create.form.namaLengkap = e.currentTarget.value)}
           />
           <TextInput
             label="Gelar Akademik"
             placeholder="Contoh: S.Kom"
-            value={stateOrganisasi.pegawai.create.form.gelarAkademik}
+            defaultValue={stateOrganisasi.pegawai.create.form.gelarAkademik}
             onChange={(e) => (stateOrganisasi.pegawai.create.form.gelarAkademik = e.currentTarget.value)}
           />
           <Box>
@@ -150,25 +150,25 @@ function CreatePegawai() {
             label="Tanggal Masuk"
             type="date"
             placeholder="Contoh: 2022-01-01"
-            value={stateOrganisasi.pegawai.create.form.tanggalMasuk}
+            defaultValue={stateOrganisasi.pegawai.create.form.tanggalMasuk}
             onChange={(e) => (stateOrganisasi.pegawai.create.form.tanggalMasuk = e.currentTarget.value)}
           />
           <TextInput
             label="Email"
             placeholder="Contoh: email@example.com"
-            value={stateOrganisasi.pegawai.create.form.email}
+            defaultValue={stateOrganisasi.pegawai.create.form.email}
             onChange={(e) => (stateOrganisasi.pegawai.create.form.email = e.currentTarget.value)}
           />
           <TextInput
             label="Telepon"
             placeholder="Contoh: 08123456789"
-            value={stateOrganisasi.pegawai.create.form.telepon}
+            defaultValue={stateOrganisasi.pegawai.create.form.telepon}
             onChange={(e) => (stateOrganisasi.pegawai.create.form.telepon = e.currentTarget.value)}
           />
           <TextInput
             label="Alamat"
             placeholder="Contoh: Jl. Contoh No. 1"
-            value={stateOrganisasi.pegawai.create.form.alamat}
+            defaultValue={stateOrganisasi.pegawai.create.form.alamat}
             onChange={(e) => (stateOrganisasi.pegawai.create.form.alamat = e.currentTarget.value)}
           />
           <Select
@@ -178,7 +178,7 @@ function CreatePegawai() {
               value: p.id,
               label: p.nama
             })) || []}
-            value={stateOrganisasi.pegawai.create.form.posisiId}
+            defaultValue={stateOrganisasi.pegawai.create.form.posisiId}
             onChange={(value) => {
               if (value) stateOrganisasi.pegawai.create.form.posisiId = value;
             }}
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
index 508647a3..274d4270 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/[id]/page.tsx
@@ -114,7 +114,7 @@ function EditPosisiOrganisasi() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) =>
               setFormData({ ...formData, nama: e.target.value })
             }
@@ -137,7 +137,7 @@ function EditPosisiOrganisasi() {
 
           <TextInput
             type="number"
-            value={formData.hierarki}
+            defaultValue={formData.hierarki}
             onChange={(e) =>
               setFormData({
                 ...formData,
diff --git a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
index ded7678a..48d3712e 100644
--- a/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi/create/page.tsx
@@ -75,7 +75,7 @@ function CreatePosisiOrganisasi() {
                     <TextInput
                         label="Nama Posisi"
                         placeholder="Contoh: Kepala Desa"
-                        value={stateOrganisasi.create.form.nama}
+                        defaultValue={stateOrganisasi.create.form.nama}
                         onChange={(e) => (stateOrganisasi.create.form.nama = e.currentTarget.value)}
                         required
                     />
@@ -94,7 +94,7 @@ function CreatePosisiOrganisasi() {
                         label="Hierarki"
                         type="number"
                         placeholder="Contoh: 1"
-                        value={stateOrganisasi.create.form.hierarki}
+                        defaultValue={stateOrganisasi.create.form.hierarki}
                         onChange={(e) => {
                             const value = parseInt(e.currentTarget.value, 10);
                             if (!isNaN(value)) {
diff --git a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
index c00259b1..f1857aec 100644
--- a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/[id]/page.tsx
@@ -94,7 +94,7 @@ function DetailAjukanIdeInofativDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Alamat</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.alamat || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.alamat || '-' }} />
               </Box>
 
               <Box>
@@ -104,12 +104,12 @@ function DetailAjukanIdeInofativDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}  dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Masalah</Text>
-                <Text fz="md" c="dimmed">{data?.masalah || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.masalah || '-'}</Text>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
index 715e3c0d..0f073faa 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/edit/page.tsx
@@ -91,7 +91,7 @@ function EditPenghargaan() {
         <Stack gap={"xs"}>
           <Title order={3}>Edit Desa Digital Smart Village</Title>
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label={<Text fz={"sm"} fw={"bold"}>Judul</Text>}
             placeholder="masukkan judul"
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
index 1fcbdbeb..c6fbf1db 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/[id]/page.tsx
@@ -56,7 +56,7 @@ function DetailDesaDigital() {
                 </Box>
                 <Box>
                   <Text fw={"bold"} fz={"lg"}>Deskripsi</Text>
-                  <Text fz={"lg"} dangerouslySetInnerHTML={{ __html: stateDesaDigital.findUnique.data?.deskripsi }} />
+                  <Text fz={"lg"} style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: stateDesaDigital.findUnique.data?.deskripsi }} />
                 </Box>
                 <Box>
                   <Text fw={"bold"} fz={"lg"}>Gambar</Text>
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
index 289651f0..5694b96a 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx
@@ -98,7 +98,7 @@ function CreateDesaDigital() {
           <TextInput
             label="Nama Desa Digital Smart Village"
             placeholder="Masukkan nama desa digital smart village"
-            value={stateDesaDigital.create.form.name}
+            defaultValue={stateDesaDigital.create.form.name}
             onChange={(e) => (stateDesaDigital.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
index 0916fef3..f9d13e21 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/edit/page.tsx
@@ -119,7 +119,7 @@ function EditInfoTeknologiTepatGuna() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul info teknologi tepat guna"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
index 4313fcaa..facf1cf2 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/[id]/page.tsx
@@ -78,6 +78,7 @@ function DetailInfoTeknologiTepatGuna() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
index d2d09028..be8b23b7 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
@@ -94,7 +94,7 @@ function CreateInfoTeknologiTepatGuna() {
         <Stack gap="md">
           {/* Nama */}
           <TextInput
-            value={stateInfoTekno.create.form.name}
+            defaultValue={stateInfoTekno.create.form.name}
             onChange={(val) => {
               stateInfoTekno.create.form.name = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
index 24827165..a4edc6cd 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/edit/page.tsx
@@ -104,7 +104,7 @@ function EditKolaborasiInovasi() {
           <TextInput
             label="Nama Kolaborasi"
             placeholder="Masukkan nama kolaborasi"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -112,7 +112,7 @@ function EditKolaborasiInovasi() {
           <TextInput
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
-            value={formData.slug}
+            defaultValue={formData.slug}
             onChange={(e) => setFormData({ ...formData, slug: e.target.value })}
             required
           />
@@ -120,7 +120,7 @@ function EditKolaborasiInovasi() {
           <TextInput
             label="Tahun"
             placeholder="Masukkan tahun"
-            value={formData.tahun}
+            defaultValue={formData.tahun}
             onChange={(e) => setFormData({ ...formData, tahun: e.target.value })}
             required
           />
@@ -128,7 +128,7 @@ function EditKolaborasiInovasi() {
           <TextInput
             label="Kolaborator"
             placeholder="Masukkan nama kolaborator"
-            value={formData.kolaborator}
+            defaultValue={formData.kolaborator}
             onChange={(e) => setFormData({ ...formData, kolaborator: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
index cc4d06f5..0d3b0f9a 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/[id]/page.tsx
@@ -81,12 +81,12 @@ function DetailKolaborasiInovasi() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed">{data?.slug || '-'}</Text>
+                <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} c="dimmed">{data?.slug || '-'}</Text>
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
index a45d50ad..8ed78d71 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx
@@ -77,7 +77,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Kolaborasi Inovasi</Text>}
             placeholder="Masukkan nama kolaborasi inovasi"
-            value={stateCreate.create.form.name || ''}
+            defaultValue={stateCreate.create.form.name || ''}
             onChange={(val) => stateCreate.create.form.name = val.target.value}
             required
           />
@@ -106,7 +106,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fz="sm" fw="bold">Kolaborator</Text>}
             placeholder="Masukkan kolaborator"
-            value={stateCreate.create.form.kolaborator || ''}
+            defaultValue={stateCreate.create.form.kolaborator || ''}
             onChange={(e) => stateCreate.create.form.kolaborator = e.currentTarget.value}
           />
 
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
index ac9c1ea2..0b5174b2 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx
@@ -118,7 +118,7 @@ function EditMitraKolaborasi() {
           <TextInput
             label="Nama Mitra"
             placeholder="Masukkan nama mitra"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
index 2c9a077c..d7da8e8b 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx
@@ -85,7 +85,7 @@ function CreateMitraKolaborasi() {
           <TextInput
             label="Nama Mitra"
             placeholder="Masukkan nama mitra"
-            value={state.create.form.name || ''}
+            defaultValue={state.create.form.name || ''}
             onChange={(e) => (state.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
index 93ffb0ef..0ba4d7da 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
@@ -66,7 +66,7 @@ function EditJenisLayanan() {
         <Stack gap={"xs"}>
           <Title order={3}>Edit Jenis Layanan</Title>
           <TextInput
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(val) => {
               setFormData({ ...formData, nama: val.target.value });
             }}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
index 427aaada..41990ab2 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/page.tsx
@@ -79,6 +79,7 @@ function DetailJenisLayanan() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
index 50d76bc1..b1b5a107 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
@@ -69,7 +69,7 @@ function CreateJenisLayanan() {
       >
         <Stack gap="md">
           <TextInput
-            value={statePasar.create.form.nama}
+            defaultValue={statePasar.create.form.nama}
             onChange={(val) => {
               statePasar.create.form.nama = val.target.value;
             }}
@@ -78,7 +78,7 @@ function CreateJenisLayanan() {
             required
           />
           <TextInput
-            value={statePasar.create.form.deskripsi}
+            defaultValue={statePasar.create.form.deskripsi}
             onChange={(val) => {
               statePasar.create.form.deskripsi = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
index 6444952c..2f7e1220 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
@@ -108,7 +108,7 @@ function EditJenisPengaduan() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             label="Nama Jenis Pengaduan"
             placeholder="Masukkan nama jenis pengaduan"
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
index e3175ede..bb0ae5b9 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
@@ -64,7 +64,7 @@ function CreateJenisPengaduan() {
           <TextInput
             label="Nama Jenis Pengaduan"
             placeholder="Masukkan nama jenis pengaduan"
-            value={state.create.form.nama || ''}
+            defaultValue={state.create.form.nama || ''}
             onChange={(e) => (state.create.form.nama = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
index abcbb91f..a9a9ad3e 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/pengaduan-masyarakat/[id]/page.tsx
@@ -102,7 +102,7 @@ function DetailPengaduanMasyarakat() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Pengaduan</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsiPengaduan || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsiPengaduan || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
index fc9b335f..bc1a49ee 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/edit/page.tsx
@@ -114,7 +114,7 @@ function EditProgramKreatifDesa() {
           <TextInput
             label="Nama Program Kreatif Desa"
             placeholder="Masukkan nama program kreatif desa"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -122,7 +122,7 @@ function EditProgramKreatifDesa() {
           <TextInput
             label="Deskripsi Singkat Program Kreatif Desa"
             placeholder="Masukkan deskripsi singkat program kreatif desa"
-            value={formData.slug}
+            defaultValue={formData.slug}
             onChange={(e) => setFormData({ ...formData, slug: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
index 94dd1015..e402bf15 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/[id]/page.tsx
@@ -86,12 +86,12 @@ function DetailProgramKreatifDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed">{data?.slug || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.slug || '-'}</Text>
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               <Flex gap="sm" mt={10}>
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
index 883529be..b5969bf7 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -64,7 +64,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Program Kreatif Desa</Text>}
             placeholder="Masukkan nama program kreatif desa"
-            value={stateCreate.create.form.name || ""}
+            defaultValue={stateCreate.create.form.name || ""}
             onChange={(e) => (stateCreate.create.form.name = e.currentTarget.value)}
             required
           />
@@ -81,7 +81,7 @@ function CreateProgramKreatifDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Deskripsi Singkat Program Kreatif Desa</Text>}
             placeholder="Masukkan deskripsi singkat program kreatif desa"
-            value={stateCreate.create.form.slug || ""}
+            defaultValue={stateCreate.create.form.slug || ""}
             onChange={(e) => (stateCreate.create.form.slug = e.currentTarget.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
index d11e7981..6b35fc71 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx
@@ -194,7 +194,7 @@ function EditKeamananLingkungan() {
           )}
 
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) =>
               setFormData({ ...formData, name: e.target.value })
             }
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
index 50f49d8c..1ce73db9 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx
@@ -88,7 +88,7 @@ function DetailKeamananLingkungan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi }} />
+                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi }} style={{ wordBreak: "break-word", whiteSpace: "normal" }} />
               </Box>
 
               {/* Aksi */}
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
index ea5c2604..4ff05394 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx
@@ -172,7 +172,7 @@ function CreateKeamananLingkungan() {
 
           {/* Input Nama */}
           <TextInput
-            value={keamananState.create.form.name}
+            defaultValue={keamananState.create.form.name}
             onChange={(val) => {
               keamananState.create.form.name = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
index df6c56a8..cfd5fa86 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/[id]/edit/page.tsx
@@ -99,7 +99,7 @@ function EditKontakItem() {
           <TextInput
             label="Nama Kontak"
             placeholder="Masukkan nama kontak"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -107,7 +107,7 @@ function EditKontakItem() {
           <TextInput
             label="Nomor Telepon"
             placeholder="Masukkan nomor telepon"
-            value={formData.nomorTelepon}
+            defaultValue={formData.nomorTelepon}
             onChange={(e) => setFormData({ ...formData, nomorTelepon: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
index f318bce5..3b962470 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-item/create/page.tsx
@@ -65,7 +65,7 @@ function CreateKontakItem() {
         <Stack gap="md">
           {/* Input Nama Kategori */}
           <TextInput
-            value={kontakState.create.form.nama}
+            defaultValue={kontakState.create.form.nama}
             onChange={(val) => {
               kontakState.create.form.nama = val.target.value;
             }}
@@ -77,7 +77,7 @@ function CreateKontakItem() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nomor Telepon Kontak</Text>}
             placeholder="Masukkan nomor telepon"
-            value={kontakState.create.form.nomorTelepon}
+            defaultValue={kontakState.create.form.nomorTelepon}
             onChange={(val) => {
               kontakState.create.form.nomorTelepon = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
index 6057918b..9cc5192c 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
@@ -112,7 +112,7 @@ function EditKontakDaruratKeamanan() {
         <Stack gap="md">
           {/* Nama kategori */}
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label="Nama Kontak Darurat"
             placeholder="Masukkan nama kontak darurat"
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
index 4eb42efb..afdbd448 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/create/page.tsx
@@ -72,7 +72,7 @@ function CreateKontakDaruratKeamanan() {
         <Stack gap="md">
           {/* Input Nama Kategori */}
           <TextInput
-            value={kontakState.create.form.nama}
+            defaultValue={kontakState.create.form.nama}
             onChange={(val) => {
               kontakState.create.form.nama = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
index 5d2c2789..5b9103e2 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
@@ -111,7 +111,7 @@ function EditLaporanPublik() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
             label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
             placeholder="Masukkan judul laporan publik"
@@ -119,7 +119,7 @@ function EditLaporanPublik() {
           />
 
           <TextInput
-            value={formData.lokasi}
+            defaultValue={formData.lokasi}
             onChange={(e) => setFormData({ ...formData, lokasi: e.target.value })}
             label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
             placeholder="Masukkan lokasi laporan publik"
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
index 396c59df..b5f83ee9 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/page.tsx
@@ -77,7 +77,7 @@ function DetailLaporanPublik() {
             <Stack gap="sm">
               <Box>
                 <Text fz="lg" fw="bold">Judul Laporan Publik</Text>
-                <Text fz="md" c="dimmed">{data.judul || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.judul || '-'}</Text>
               </Box>
 
               <Box>
@@ -91,7 +91,7 @@ function DetailLaporanPublik() {
 
               <Box>
                 <Text fz="lg" fw="bold">Lokasi</Text>
-                <Text fz="md" c="dimmed">{data.lokasi || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.lokasi || '-'}</Text>
               </Box>
 
               <Box>
@@ -121,7 +121,7 @@ function DetailLaporanPublik() {
 
               <Box>
                 <Text fz="lg" fw="bold">Kronologi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.kronologi || '' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.kronologi || '' }} />
               </Box>
 
               <Box>
@@ -133,6 +133,7 @@ function DetailLaporanPublik() {
                         fz="md"
                         c="dimmed"
                         dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                        style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                       />
                     </Box>
                   ))
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
index 7df96049..994af691 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/page.tsx
@@ -63,7 +63,7 @@ function CreateLaporanPublik() {
       >
         <Stack gap="md">
           <TextInput
-            value={stateLaporan.create.form.judul}
+            defaultValue={stateLaporan.create.form.judul}
             onChange={(e) => (stateLaporan.create.form.judul = e.target.value)}
             label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
             placeholder="Masukkan judul laporan publik"
@@ -71,7 +71,7 @@ function CreateLaporanPublik() {
           />
 
           <TextInput
-            value={stateLaporan.create.form.lokasi}
+            defaultValue={stateLaporan.create.form.lokasi}
             onChange={(e) => (stateLaporan.create.form.lokasi = e.target.value)}
             label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
             placeholder="Masukkan lokasi laporan publik"
@@ -91,7 +91,7 @@ function CreateLaporanPublik() {
           />
 
           <TextInput
-            value={stateLaporan.create.form.kronologi}
+            defaultValue={stateLaporan.create.form.kronologi}
             onChange={(e) => (stateLaporan.create.form.kronologi = e.target.value)}
             label={<Text fw="bold" fz="sm">Kronologi Laporan Publik</Text>}
             placeholder="Masukkan kronologi laporan publik"
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
index 42ab7cc9..b2292469 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
@@ -119,7 +119,7 @@ function EditPencegahanKriminalitas() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
             required
           />
@@ -127,7 +127,7 @@ function EditPencegahanKriminalitas() {
           <TextInput
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
-            value={formData.deskripsiSingkat}
+            defaultValue={formData.deskripsiSingkat}
             onChange={(e) =>
               setFormData({ ...formData, deskripsiSingkat: e.target.value })
             }
@@ -150,7 +150,7 @@ function EditPencegahanKriminalitas() {
             <TextInput
               label="Link Video YouTube"
               placeholder="https://www.youtube.com/watch?v=abc123"
-              value={formData.linkVideo}
+              defaultValue={formData.linkVideo}
               onChange={(e) =>
                 setFormData({ ...formData, linkVideo: e.currentTarget.value })
               }
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
index 72371193..46ffedf0 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
@@ -75,7 +75,7 @@ function DetailPencegahanKriminalitas() {
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
                 {data?.deskripsiSingkat ? (
-                  <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
                 ) : (
                   <Text fz="sm" c="dimmed">Tidak ada deskripsi singkat</Text>
                 )}
@@ -84,7 +84,7 @@ function DetailPencegahanKriminalitas() {
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
                 {data?.deskripsi ? (
-                  <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
+                  <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
                 ) : (
                   <Text fz="sm" c="dimmed">Tidak ada deskripsi</Text>
                 )}
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
index 69f06504..a22e001f 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
@@ -82,7 +82,7 @@ function CreatePencegahanKriminalitas() {
           <TextInput
             label="Judul Pencegahan Kriminalitas"
             placeholder="Masukkan judul Pencegahan Kriminalitas"
-            value={kriminalitasState.create.form.judul}
+            defaultValue={kriminalitasState.create.form.judul}
             onChange={(e) => {
               kriminalitasState.create.form.judul = e.currentTarget.value;
             }}
@@ -93,7 +93,7 @@ function CreatePencegahanKriminalitas() {
           <TextInput
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
-            value={kriminalitasState.create.form.deskripsiSingkat}
+            defaultValue={kriminalitasState.create.form.deskripsiSingkat}
             onChange={(e) => {
               kriminalitasState.create.form.deskripsiSingkat = e.currentTarget.value;
             }}
@@ -117,7 +117,7 @@ function CreatePencegahanKriminalitas() {
           <TextInput
             label="Link Video YouTube"
             placeholder="https://www.youtube.com/watch?v=abc123"
-            value={link}
+            defaultValue={link}
             onChange={(e) => setLink(e.currentTarget.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
index 4605c3be..c9bb69fb 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/edit/page.tsx
@@ -211,7 +211,7 @@ function EditPolsekTerdekat() {
           <TextInput
             label="Nama Layanan"
             placeholder="Masukkan nama layanan"
-            value={namaLayananBaru}
+            defaultValue={namaLayananBaru}
             onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
           />
           <Button onClick={handleTambahLayanan}>Simpan</Button>
@@ -229,7 +229,7 @@ function EditPolsekTerdekat() {
           <TextInput
             label="Nama Layanan"
             placeholder="Masukkan nama layanan"
-            value={namaLayananUpdate}
+            defaultValue={namaLayananUpdate}
             onChange={(e) => setNamaLayananUpdate(e.currentTarget.value)}
           />
           <Button
@@ -273,7 +273,7 @@ function EditPolsekTerdekat() {
         <Stack gap="md">
           {/* Input fields */}
           <TextInput
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(val) =>
               setFormData({ ...formData, nama: val.target.value })
             }
@@ -282,7 +282,7 @@ function EditPolsekTerdekat() {
             required
           />
           <TextInput
-            value={formData.jarakKeDesa}
+            defaultValue={formData.jarakKeDesa}
             onChange={(val) =>
               setFormData({ ...formData, jarakKeDesa: val.target.value })
             }
@@ -290,7 +290,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan jarak Polsek Terdekat"
           />
           <TextInput
-            value={formData.alamat}
+            defaultValue={formData.alamat}
             onChange={(val) =>
               setFormData({ ...formData, alamat: val.target.value })
             }
@@ -298,7 +298,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan alamat Polsek Terdekat"
           />
           <TextInput
-            value={formData.nomorTelepon}
+            defaultValue={formData.nomorTelepon}
             onChange={(val) =>
               setFormData({ ...formData, nomorTelepon: val.target.value })
             }
@@ -306,7 +306,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan nomor telepon Polsek Terdekat"
           />
           <TextInput
-            value={formData.jamOperasional}
+            defaultValue={formData.jamOperasional}
             onChange={(val) =>
               setFormData({ ...formData, jamOperasional: val.target.value })
             }
@@ -314,7 +314,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan jam operasional Polsek Terdekat"
           />
           <TextInput
-            value={formData.embedMapUrl}
+            defaultValue={formData.embedMapUrl}
             onChange={(val) =>
               setFormData({ ...formData, embedMapUrl: val.target.value })
             }
@@ -322,7 +322,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan embed map url"
           />
           <TextInput
-            value={formData.namaTempatMaps}
+            defaultValue={formData.namaTempatMaps}
             onChange={(val) =>
               setFormData({ ...formData, namaTempatMaps: val.target.value })
             }
@@ -330,7 +330,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan nama tempat di maps"
           />
           <TextInput
-            value={formData.alamatMaps}
+            defaultValue={formData.alamatMaps}
             onChange={(val) =>
               setFormData({ ...formData, alamatMaps: val.target.value })
             }
@@ -338,7 +338,7 @@ function EditPolsekTerdekat() {
             placeholder="Masukkan alamat di maps"
           />
           <TextInput
-            value={formData.linkPetunjukArah}
+            defaultValue={formData.linkPetunjukArah}
             onChange={(val) =>
               setFormData({ ...formData, linkPetunjukArah: val.target.value })
             }
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
index 7e67e1bf..8cc1ec2a 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/[id]/page.tsx
@@ -82,7 +82,7 @@ function DetailPolsekTerdekat() {
               {/* Alamat */}
               <Box>
                 <Text fz="lg" fw="bold">Alamat Polsek</Text>
-                <Text fz="md" c="dimmed">{data?.alamat || "-"}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamat || "-"}</Text>
               </Box>
 
               {/* Nomor */}
@@ -125,19 +125,19 @@ function DetailPolsekTerdekat() {
               {/* Nama Tempat Maps */}
               <Box>
                 <Text fz="lg" fw="bold">Nama Tempat Maps</Text>
-                <Text fz="md" c="dimmed">{data?.namaTempatMaps || "-"}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.namaTempatMaps || "-"}</Text>
               </Box>
 
               {/* Alamat Maps */}
               <Box>
                 <Text fz="lg" fw="bold">Alamat Maps</Text>
-                <Text fz="md" c="dimmed">{data?.alamatMaps || "-"}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamatMaps || "-"}</Text>
               </Box>
 
               {/* Link Petunjuk Arah */}
               <Box>
-                <Text fz="lg" fw="bold">Link Petunjuk Arah</Text>
-                <Text fz="md">
+                <Text fz="lg" fw="bold" >Link Petunjuk Arah</Text>
+                <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>
                   <a
                     href={data?.linkPetunjukArah || "#"}
                     target="_blank"
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
index 1a8226c2..1db2d012 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/create/page.tsx
@@ -113,7 +113,7 @@ function CreatePolsekTerdekat() {
           <TextInput
             label="Nama Layanan"
             placeholder="Masukkan nama layanan"
-            value={namaLayananBaru}
+            defaultValue={namaLayananBaru}
             onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
           />
           <Button onClick={handleTambahLayanan}>Simpan</Button>
@@ -148,59 +148,59 @@ function CreatePolsekTerdekat() {
       >
         <Stack gap="md">
           <TextInput
-            value={polsekState.create.form.nama}
+            defaultValue={polsekState.create.form.nama}
             onChange={(val) => (polsekState.create.form.nama = val.target.value)}
             label={<Text fw="bold" fz="sm">Nama Polsek Terdekat</Text>}
             placeholder="Masukkan nama Polsek Terdekat"
             required
           />
           <TextInput
-            value={polsekState.create.form.jarakKeDesa}
+            defaultValue={polsekState.create.form.jarakKeDesa}
             onChange={(val) => (polsekState.create.form.jarakKeDesa = val.target.value)}
             label={<Text fw="bold" fz="sm">Jarak Polsek Terdekat</Text>}
             placeholder="Masukkan jarak Polsek Terdekat"
             required
           />
           <TextInput
-            value={polsekState.create.form.alamat}
+            defaultValue={polsekState.create.form.alamat}
             onChange={(val) => (polsekState.create.form.alamat = val.target.value)}
             label={<Text fw="bold" fz="sm">Alamat Polsek Terdekat</Text>}
             placeholder="Masukkan alamat Polsek Terdekat"
             required
           />
           <TextInput
-            value={polsekState.create.form.nomorTelepon}
+            defaultValue={polsekState.create.form.nomorTelepon}
             onChange={(val) => (polsekState.create.form.nomorTelepon = val.target.value)}
             label={<Text fw="bold" fz="sm">Nomor Telepon Polsek Terdekat</Text>}
             placeholder="Masukkan nomor telepon Polsek Terdekat"
             required
           />
           <TextInput
-            value={polsekState.create.form.jamOperasional}
+            defaultValue={polsekState.create.form.jamOperasional}
             onChange={(val) => (polsekState.create.form.jamOperasional = val.target.value)}
             label={<Text fw="bold" fz="sm">Jam Operasional Polsek Terdekat</Text>}
             placeholder="Masukkan jam operasional Polsek Terdekat"
           />
           <TextInput
-            value={polsekState.create.form.embedMapUrl}
+            defaultValue={polsekState.create.form.embedMapUrl}
             onChange={(val) => (polsekState.create.form.embedMapUrl = val.target.value)}
             label={<Text fw="bold" fz="sm">Embed Map URL</Text>}
             placeholder="Masukkan embed map url"
           />
           <TextInput
-            value={polsekState.create.form.namaTempatMaps}
+            defaultValue={polsekState.create.form.namaTempatMaps}
             onChange={(val) => (polsekState.create.form.namaTempatMaps = val.target.value)}
             label={<Text fw="bold" fz="sm">Nama Tempat Maps</Text>}
             placeholder="Masukkan nama tempat maps"
           />
           <TextInput
-            value={polsekState.create.form.alamatMaps}
+            defaultValue={polsekState.create.form.alamatMaps}
             onChange={(val) => (polsekState.create.form.alamatMaps = val.target.value)}
             label={<Text fw="bold" fz="sm">Alamat Maps</Text>}
             placeholder="Masukkan alamat maps"
           />
           <TextInput
-            value={polsekState.create.form.linkPetunjukArah}
+            defaultValue={polsekState.create.form.linkPetunjukArah}
             onChange={(val) => (polsekState.create.form.linkPetunjukArah = val.target.value)}
             label={<Text fw="bold" fz="sm">Link Petunjuk Arah</Text>}
             placeholder="Masukkan link petunjuk arah"
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
index 270aec6c..c9fd2c24 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx
@@ -199,7 +199,7 @@ function EditTipsKeamanan() {
           <TextInput
             label="Nama Tips Keamanan"
             placeholder="Masukkan nama tips keamanan"
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
index 0b8ec263..61bb32c9 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx
@@ -68,7 +68,7 @@ function DetailTipsKeamanan() {
             <Stack gap="sm">
               <Box>
                 <Text fz="lg" fw="bold">Nama Tips Keamanan</Text>
-                <Text fz="md" c="dimmed">{data.judul || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.judul || '-'}</Text>
               </Box>
 
               <Box>
@@ -76,6 +76,7 @@ function DetailTipsKeamanan() {
                 <Text
                   fz="md"
                   c="dimmed"
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
                 />
               </Box>
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
index c3227392..6f82636a 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx
@@ -138,7 +138,7 @@ function CreateKeamananLingkungan() {
           <TextInput
             label="Judul Tips Keamanan"
             placeholder="Masukkan judul tips keamanan"
-            value={stateKeamanan.create.form.judul || ''}
+            defaultValue={stateKeamanan.create.form.judul || ''}
             onChange={(e) => (stateKeamanan.create.form.judul = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
index 33d5f931..689a55c5 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/edit/page.tsx
@@ -173,7 +173,7 @@ function EditArtikelKesehatan() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul artikel"
-            value={formData.title}
+            defaultValue={formData.title}
             onChange={(e) => setFormData(prev => ({ ...prev, title: e.target.value }))}
             required
           />
@@ -235,14 +235,14 @@ function EditArtikelKesehatan() {
           <TextInput
             label="Deskripsi"
             placeholder="Masukkan deskripsi artikel"
-            value={formData.content}
+            defaultValue={formData.content}
             onChange={(e) => setFormData(prev => ({ ...prev, content: e.target.value }))}
             required
           />
           <TextInput
             label="Pendahuluan"
             placeholder="Masukkan pendahuluan"
-            value={formData.introduction.content}
+            defaultValue={formData.introduction.content}
             onChange={(e) =>
               setFormData(prev => ({
                 ...prev,
@@ -258,7 +258,7 @@ function EditArtikelKesehatan() {
               <TextInput
                 label="Judul Gejala"
                 placeholder="Masukkan judul gejala"
-                value={formData.symptom.title}
+                defaultValue={formData.symptom.title}
                 onChange={(e) =>
                   setFormData(prev => ({
                     ...prev,
@@ -283,7 +283,7 @@ function EditArtikelKesehatan() {
             <Text fw="bold">Pencegahan</Text>
             <TextInput
               label="Judul"
-              value={formData.prevention.title}
+              defaultValue={formData.prevention.title}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -307,7 +307,7 @@ function EditArtikelKesehatan() {
             <Text fw="bold">Pertolongan Pertama</Text>
             <TextInput
               label="Judul"
-              value={formData.firstAid.title}
+              defaultValue={formData.firstAid.title}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -331,7 +331,7 @@ function EditArtikelKesehatan() {
             <Text fw="bold">Mitos vs Fakta</Text>
             <TextInput
               label="Judul"
-              value={formData.mythVsFact.title}
+              defaultValue={formData.mythVsFact.title}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
index 59f980e2..e03b527f 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/[id]/page.tsx
@@ -103,13 +103,13 @@ function DetailArtikelKesehatan() {
               {/* Deskripsi */}
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.content }} />
               </Box>
 
               {/* Pendahuluan */}
               <Box>
                 <Text fz="lg" fw="bold">Pendahuluan</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.introduction?.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.introduction?.content }} />
               </Box>
 
               {/* Gejala */}
@@ -118,7 +118,7 @@ function DetailArtikelKesehatan() {
                 <Text fz="md" fw="bold">Judul</Text>
                 <Text fz="md" c="dimmed">{data.symptom?.title}</Text>
                 <Text fz="md" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.symptom?.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.symptom?.content }} />
               </Box>
 
               {/* Pencegahan */}
@@ -127,7 +127,7 @@ function DetailArtikelKesehatan() {
                 <Text fz="md" fw="bold">Judul</Text>
                 <Text fz="md" c="dimmed">{data.prevention?.title}</Text>
                 <Text fz="md" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.prevention?.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.prevention?.content }} />
               </Box>
 
               {/* Pertolongan Pertama */}
@@ -136,7 +136,7 @@ function DetailArtikelKesehatan() {
                 <Text fz="md" fw="bold">Judul</Text>
                 <Text fz="md" c="dimmed">{data.firstaid?.title}</Text>
                 <Text fz="md" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.firstaid?.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.firstaid?.content }} />
               </Box>
 
               {/* Mitos vs Fakta */}
@@ -145,15 +145,15 @@ function DetailArtikelKesehatan() {
                 <Text fz="md" fw="bold">Judul</Text>
                 <Text fz="md" c="dimmed">{data.mythvsfact?.title}</Text>
                 <Text fz="md" fw="bold">Mitos</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.mythvsfact?.mitos }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.mythvsfact?.mitos }} />
                 <Text fz="md" fw="bold">Fakta</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.mythvsfact?.fakta }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.mythvsfact?.fakta }} />
               </Box>
 
               {/* Kapan ke Dokter */}
               <Box>
                 <Text fz="lg" fw="bold">Kapan Harus ke Dokter</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.doctorsign?.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.doctorsign?.content }} />
               </Box>
 
               {/* Aksi */}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
index 6072684c..ce925f33 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/artikel_kesehatan/create/page.tsx
@@ -167,7 +167,7 @@ function CreateArtikelKesehatan() {
           <TextInput
             label={"Judul"}
             placeholder="Masukkan judul"
-            value={stateArtikelKesehatan.create.form.title}
+            defaultValue={stateArtikelKesehatan.create.form.title}
             onChange={(e) => {
               stateArtikelKesehatan.create.form.title = e.target.value;
             }}
@@ -176,7 +176,7 @@ function CreateArtikelKesehatan() {
           <TextInput
             label={"Deskripsi"}
             placeholder="Masukkan deskripsi"
-            value={stateArtikelKesehatan.create.form.content}
+            defaultValue={stateArtikelKesehatan.create.form.content}
             onChange={(e) => {
               stateArtikelKesehatan.create.form.content = e.target.value;
             }}
@@ -186,7 +186,7 @@ function CreateArtikelKesehatan() {
             label={"Pendahuluan"}
             placeholder="Masukkan pendahuluan"
             required
-            value={stateArtikelKesehatan.create.form.introduction.content}
+            defaultValue={stateArtikelKesehatan.create.form.introduction.content}
             onChange={(e) => {
               stateArtikelKesehatan.create.form.introduction.content = e.target.value;
             }}
@@ -200,7 +200,7 @@ function CreateArtikelKesehatan() {
                 label={"Judul Gejala"}
                 required
                 placeholder="Masukkan judul gejala penyakit"
-                value={stateArtikelKesehatan.create.form.symptom.title}
+                defaultValue={stateArtikelKesehatan.create.form.symptom.title}
                 onChange={(e) => {
                   stateArtikelKesehatan.create.form.symptom.title = e.target.value;
                 }}
@@ -224,7 +224,7 @@ function CreateArtikelKesehatan() {
               label={"Judul Pencegahan"}
               required
               placeholder="Masukkan judul"
-              value={stateArtikelKesehatan.create.form.prevention.title}
+              defaultValue={stateArtikelKesehatan.create.form.prevention.title}
               onChange={(e) => {
                 stateArtikelKesehatan.create.form.prevention.title = e.target.value;
               }}
@@ -245,7 +245,7 @@ function CreateArtikelKesehatan() {
               label={"Judul Pertolongan Pertama"}
               required
               placeholder="Masukkan judul"
-              value={stateArtikelKesehatan.create.form.firstAid.title}
+              defaultValue={stateArtikelKesehatan.create.form.firstAid.title}
               onChange={(e) => {
                 stateArtikelKesehatan.create.form.firstAid.title = e.target.value;
               }}
@@ -266,7 +266,7 @@ function CreateArtikelKesehatan() {
               label={"Judul Mitos dan Fakta"}
               required
               placeholder="Masukkan judul"
-              value={stateArtikelKesehatan.create.form.mythVsFact.title}
+              defaultValue={stateArtikelKesehatan.create.form.mythVsFact.title}
               onChange={(e) => {
                 stateArtikelKesehatan.create.form.mythVsFact.title = e.target.value;
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
index 3cd455ba..61ad4fda 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/edit/page.tsx
@@ -156,7 +156,7 @@ function EditFasilitasKesehatan() {
           <TextInput
             label="Nama Fasilitas Kesehatan"
             placeholder="Masukkan nama fasilitas kesehatan"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData(prev => ({ ...prev, name: e.target.value }))}
             required
           />
@@ -166,7 +166,7 @@ function EditFasilitasKesehatan() {
             <Text fw="bold" mb={5}>Informasi Umum</Text>
             <TextInput
               label="Fasilitas"
-              value={formData.informasiUmum.fasilitas}
+              defaultValue={formData.informasiUmum.fasilitas}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -176,7 +176,7 @@ function EditFasilitasKesehatan() {
             />
             <TextInput
               label="Alamat"
-              value={formData.informasiUmum.alamat}
+              defaultValue={formData.informasiUmum.alamat}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -186,7 +186,7 @@ function EditFasilitasKesehatan() {
             />
             <TextInput
               label="Jam Operasional"
-              value={formData.informasiUmum.jamOperasional}
+              defaultValue={formData.informasiUmum.jamOperasional}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -215,7 +215,7 @@ function EditFasilitasKesehatan() {
             <Text fw="bold" mb={5}>Dokter dan Tenaga Medis</Text>
             <TextInput
               label="Nama Dokter"
-              value={formData.dokterdanTenagaMedis.name}
+              defaultValue={formData.dokterdanTenagaMedis.name}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -225,7 +225,7 @@ function EditFasilitasKesehatan() {
             />
             <TextInput
               label="Specialist"
-              value={formData.dokterdanTenagaMedis.specialist}
+              defaultValue={formData.dokterdanTenagaMedis.specialist}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -235,7 +235,7 @@ function EditFasilitasKesehatan() {
             />
             <TextInput
               label="Jadwal"
-              value={formData.dokterdanTenagaMedis.jadwal}
+              defaultValue={formData.dokterdanTenagaMedis.jadwal}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -278,7 +278,7 @@ function EditFasilitasKesehatan() {
             <Text fw="bold" mb={5}>Tarif dan Layanan</Text>
             <TextInput
               label="Tarif"
-              value={formData.tarifDanLayanan.tarif}
+              defaultValue={formData.tarifDanLayanan.tarif}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
@@ -288,7 +288,7 @@ function EditFasilitasKesehatan() {
             />
             <TextInput
               label="Layanan"
-              value={formData.tarifDanLayanan.layanan}
+              defaultValue={formData.tarifDanLayanan.layanan}
               onChange={(e) =>
                 setFormData(prev => ({
                   ...prev,
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
index 190eb675..d6640e65 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/[id]/page.tsx
@@ -88,24 +88,24 @@ function DetailFasilitasKesehatan() {
                 <Text fz="md" fw="bold">Fasilitas</Text>
                 <Text fz="md" c="dimmed">{data.informasiumum?.fasilitas || '-'}</Text>
                 <Text fz="md" fw="bold">Alamat</Text>
-                <Text fz="md" c="dimmed">{data.informasiumum?.alamat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.informasiumum?.alamat || '-'}</Text>
                 <Text fz="md" fw="bold">Jam Operasional</Text>
                 <Text fz="md" c="dimmed">{data.informasiumum?.jamOperasional || '-'}</Text>
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Layanan Unggulan</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.layananunggulan?.content || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.layananunggulan?.content || '-' }} />
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Fasilitas Pendukung</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.fasilitaspendukung?.content || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.fasilitaspendukung?.content || '-' }} />
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Prosedur Pendaftaran</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.prosedurpendaftaran?.content || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.prosedurpendaftaran?.content || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
index 7d4338c6..530039a9 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/create/page.tsx
@@ -92,7 +92,7 @@ function CreateFasilitasKesehatan() {
           <TextInput
             label={"Nama Fasilitas Kesehatan"}
             placeholder="Masukkan nama fasilitas kesehatan"
-            value={stateFasilitasKesehatan.create.form.name}
+            defaultValue={stateFasilitasKesehatan.create.form.name}
             onChange={(e) => (stateFasilitasKesehatan.create.form.name = e.target.value)}
             required
           />
@@ -103,21 +103,21 @@ function CreateFasilitasKesehatan() {
             <TextInput
               label="Fasilitas"
               placeholder="Masukkan fasilitas"
-              value={stateFasilitasKesehatan.create.form.informasiUmum.fasilitas}
+              defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.fasilitas}
               onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.fasilitas = e.target.value)}
               required
             />
             <TextInput
               label="Alamat"
               placeholder="Masukkan alamat"
-              value={stateFasilitasKesehatan.create.form.informasiUmum.alamat}
+              defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.alamat}
               onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.alamat = e.target.value)}
               required
             />
             <TextInput
               label="Jam Operasional"
               placeholder="Masukkan jam operasional"
-              value={stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional}
+              defaultValue={stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional}
               onChange={(e) => (stateFasilitasKesehatan.create.form.informasiUmum.jamOperasional = e.target.value)}
               required
             />
@@ -138,21 +138,21 @@ function CreateFasilitasKesehatan() {
             <TextInput
               label="Nama Dokter"
               placeholder="Masukkan nama dokter"
-              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
+              defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name}
               onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.name = e.target.value)}
               required
             />
             <TextInput
               label="Spesialis"
               placeholder="Masukkan spesialis"
-              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
+              defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist}
               onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.specialist = e.target.value)}
               required
             />
             <TextInput
               label="Jadwal"
               placeholder="Masukkan jadwal"
-              value={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
+              defaultValue={stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal}
               onChange={(e) => (stateFasilitasKesehatan.create.form.dokterdanTenagaMedis.jadwal = e.target.value)}
               required
             />
@@ -182,14 +182,14 @@ function CreateFasilitasKesehatan() {
             <TextInput
               label="Tarif"
               placeholder="Masukkan tarif"
-              value={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
+              defaultValue={stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif}
               onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.tarif = e.target.value)}
               required
             />
             <TextInput
               label="Layanan"
               placeholder="Masukkan layanan"
-              value={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
+              defaultValue={stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan}
               onChange={(e) => (stateFasilitasKesehatan.create.form.tarifDanLayanan.layanan = e.target.value)}
               required
             />
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
index 3e33d305..71bf934b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/create/page.tsx
@@ -40,7 +40,7 @@ function CreateDokter() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Dokter</Text>}
             placeholder="masukkan nama dokter"
-            value={createState.create.create.form.name}
+            defaultValue={createState.create.create.form.name}
             onChange={(e) => {
               createState.create.create.form.name = e.target.value;
             }}
@@ -49,7 +49,7 @@ function CreateDokter() {
           <TextInput
             label={<Text fz="sm" fw="bold">Specialist</Text>}
             placeholder="masukkan specialist"
-            value={createState.create.create.form.specialist}
+            defaultValue={createState.create.create.form.specialist}
             onChange={(e) => {
               createState.create.create.form.specialist = e.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
index c5f9bc20..32d0e8ba 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/edit/page.tsx
@@ -101,7 +101,7 @@ function EditGrafikHasilKepuasan() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             label="Nama"
             placeholder="Masukkan nama"
@@ -109,14 +109,14 @@ function EditGrafikHasilKepuasan() {
           />
           <TextInput
             type="date"
-            value={formData.tanggal}
+            defaultValue={formData.tanggal}
             onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
             label="Tanggal"
             placeholder="Masukkan tanggal"
             required
           />
           <TextInput
-            value={formData.jenisKelamin}
+            defaultValue={formData.jenisKelamin}
             onChange={(e) =>
               setFormData({ ...formData, jenisKelamin: e.target.value })
             }
@@ -125,14 +125,14 @@ function EditGrafikHasilKepuasan() {
             required
           />
           <TextInput
-            value={formData.alamat}
+            defaultValue={formData.alamat}
             onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
             label="Alamat"
             placeholder="Masukkan alamat"
             required
           />
           <TextInput
-            value={formData.penyakit}
+            defaultValue={formData.penyakit}
             onChange={(e) => setFormData({ ...formData, penyakit: e.target.value })}
             label="Penyakit"
             placeholder="Masukkan penyakit"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
index c84f14db..e33b6e1a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/create/page.tsx
@@ -72,7 +72,7 @@ function CreateGrafikHasilKepuasanMasyarakat() {
           <TextInput
             label="Nama"
             placeholder="Masukkan nama"
-            value={stateGrafikKepuasan.create.form.nama}
+            defaultValue={stateGrafikKepuasan.create.form.nama}
             onChange={(e) => (stateGrafikKepuasan.create.form.nama = e.target.value)}
             required
           />
@@ -80,28 +80,28 @@ function CreateGrafikHasilKepuasanMasyarakat() {
             type="date"
             label="Tanggal"
             placeholder="Masukkan tanggal"
-            value={stateGrafikKepuasan.create.form.tanggal}
+            defaultValue={stateGrafikKepuasan.create.form.tanggal}
             onChange={(e) => (stateGrafikKepuasan.create.form.tanggal = e.target.value)}
             required
           />
           <TextInput
             label="Jenis Kelamin"
             placeholder="Masukkan jenis kelamin"
-            value={stateGrafikKepuasan.create.form.jenisKelamin}
+            defaultValue={stateGrafikKepuasan.create.form.jenisKelamin}
             onChange={(e) => (stateGrafikKepuasan.create.form.jenisKelamin = e.target.value)}
             required
           />
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat"
-            value={stateGrafikKepuasan.create.form.alamat}
+            defaultValue={stateGrafikKepuasan.create.form.alamat}
             onChange={(e) => (stateGrafikKepuasan.create.form.alamat = e.target.value)}
             required
           />
           <TextInput
             label="Penyakit"
             placeholder="Masukkan penyakit"
-            value={stateGrafikKepuasan.create.form.penyakit}
+            defaultValue={stateGrafikKepuasan.create.form.penyakit}
             onChange={(e) => (stateGrafikKepuasan.create.form.penyakit = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
index a6aacc37..a2ef8b1c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/edit/page.tsx
@@ -160,7 +160,7 @@ function EditJadwalKegiatan() {
           <TextInput
             label="Nama Jadwal Kegiatan"
             placeholder="Masukkan nama jadwal kegiatan"
-            value={formData.content}
+            defaultValue={formData.content}
             onChange={(e) => setFormData((prev) => ({ ...prev, content: e.target.value }))}
           />
 
@@ -179,22 +179,31 @@ function EditJadwalKegiatan() {
           {/* Informasi Jadwal */}
           <Box>
             <Text fz="md" fw="bold">Informasi Jadwal Kegiatan</Text>
-            <TextInput label="Nama" value={formData.informasiJadwalKegiatan.name}
+            <TextInput 
+            label="Nama" 
+            defaultValue={formData.informasiJadwalKegiatan.name}
               onChange={(e) => setFormData((prev) => ({
                 ...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, name: e.target.value }
               }))}
             />
-            <TextInput type="date" label="Tanggal" value={formData.informasiJadwalKegiatan.tanggal}
+            <TextInput 
+            type="date" 
+            label="Tanggal" 
+            defaultValue={formData.informasiJadwalKegiatan.tanggal}
               onChange={(e) => setFormData((prev) => ({
                 ...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, tanggal: e.target.value }
               }))}
             />
-            <TextInput label="Waktu" value={formData.informasiJadwalKegiatan.waktu}
+            <TextInput 
+            label="Waktu" 
+            defaultValue={formData.informasiJadwalKegiatan.waktu}
               onChange={(e) => setFormData((prev) => ({
                 ...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, waktu: e.target.value }
               }))}
             />
-            <TextInput label="Lokasi" value={formData.informasiJadwalKegiatan.lokasi}
+            <TextInput 
+            label="Lokasi" 
+            defaultValue={formData.informasiJadwalKegiatan.lokasi}
               onChange={(e) => setFormData((prev) => ({
                 ...prev, informasiJadwalKegiatan: { ...prev.informasiJadwalKegiatan, lokasi: e.target.value }
               }))}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
index 45a1aade..383cc54c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/[id]/page.tsx
@@ -83,31 +83,31 @@ function DetailJadwalKegiatan() {
                 <Text fz="md" fw="bold">Waktu</Text>
                 <Text fz="md" c="dimmed">{data.informasijadwalkegiatan.waktu || '-'}</Text>
                 <Text fz="md" fw="bold">Lokasi</Text>
-                <Text fz="md" c="dimmed">{data.informasijadwalkegiatan.lokasi || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.informasijadwalkegiatan.lokasi || '-'}</Text>
               </Box>
 
               {/* Deskripsi */}
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsijadwalkegiatan.deskripsi }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsijadwalkegiatan.deskripsi }} />
               </Box>
 
               {/* Layanan */}
               <Box>
                 <Text fz="lg" fw="bold">Layanan</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.layananjadwalkegiatan.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.layananjadwalkegiatan.content }} />
               </Box>
 
               {/* Syarat Ketentuan */}
               <Box>
                 <Text fz="lg" fw="bold">Syarat Ketentuan</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.syaratketentuanjadwalkegiatan.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.syaratketentuanjadwalkegiatan.content }} />
               </Box>
 
               {/* Dokumen */}
               <Box>
                 <Text fz="lg" fw="bold">Dokumen</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.dokumenjadwalkegiatan.content }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.dokumenjadwalkegiatan.content }} />
               </Box>
               
               {/* Aksi */}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
index d847720d..55121d4a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/jadwal_kegiatan/create/page.tsx
@@ -87,7 +87,7 @@ function CreateJadwalKegiatan() {
           <TextInput
             label="Nama Jadwal Kegiatan"
             placeholder="Masukkan nama jadwal kegiatan"
-            value={stateJadwalKegiatan.create.form.content}
+            defaultValue={stateJadwalKegiatan.create.form.content}
             onChange={(e) => {
               stateJadwalKegiatan.create.form.content = e.target.value;
             }}
@@ -110,7 +110,7 @@ function CreateJadwalKegiatan() {
               label="Nama"
               required
               placeholder="Masukkan nama"
-              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name}
+              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.name = e.target.value;
               }}
@@ -119,7 +119,7 @@ function CreateJadwalKegiatan() {
               type="date"
               required
               label="Tanggal"
-              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal}
+              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.tanggal = e.target.value;
               }}
@@ -128,7 +128,7 @@ function CreateJadwalKegiatan() {
               label="Waktu"
               required
               placeholder="Masukkan waktu"
-              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu}
+              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.waktu = e.target.value;
               }}
@@ -137,7 +137,7 @@ function CreateJadwalKegiatan() {
               label="Lokasi"
               required
               placeholder="Masukkan lokasi"
-              value={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi}
+              defaultValue={stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi}
               onChange={(e) => {
                 stateJadwalKegiatan.create.form.informasiJadwalKegiatan.lokasi = e.target.value;
               }}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
index e05848c5..f13052a2 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/edit/page.tsx
@@ -109,7 +109,7 @@ function EditKelahiran() {
      >
        <Stack gap="md">
          <TextInput
-           value={formData.nama}
+           defaultValue={formData.nama}
            onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
            label="Nama"
            placeholder="Masukkan nama"
@@ -117,21 +117,21 @@ function EditKelahiran() {
          />
          <TextInput
            type="date"
-           value={formData.tanggal}
+           defaultValue={formData.tanggal}
            onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
            label="Tanggal"
            placeholder="Masukkan tanggal"
            required
          />
          <TextInput
-           value={formData.jenisKelamin}
+           defaultValue={formData.jenisKelamin}
            onChange={(e) => setFormData({ ...formData, jenisKelamin: e.target.value })}
            label="Jenis Kelamin"
            placeholder="Masukkan jenis kelamin"
            required
          />
          <TextInput
-           value={formData.alamat}
+           defaultValue={formData.alamat}
            onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
            label="Alamat"
            placeholder="Masukkan alamat"
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
index 2ce02278..18a2e587 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/[id]/page.tsx
@@ -105,7 +105,7 @@ function DetailKelahiran() {
 
              <Box>
                <Text fz="lg" fw="bold">Alamat</Text>
-               <Text fz="md" c="dimmed">{data.alamat || '-'}</Text>
+               <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.alamat || '-'}</Text>
              </Box>
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
index e668ac72..b8476a66 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/create/page.tsx
@@ -74,7 +74,7 @@ function CreateKelahiran() {
          <TextInput
            label={<Text fw="bold" fz="sm">Nama</Text>}
            placeholder="Masukkan nama"
-           value={createState.create.form.nama}
+           defaultValue={createState.create.form.nama}
            onChange={(e) => (createState.create.form.nama = e.target.value)}
            required
          />
@@ -82,21 +82,21 @@ function CreateKelahiran() {
            type="date"
            label={<Text fw="bold" fz="sm">Tanggal</Text>}
            placeholder="Masukkan tanggal"
-           value={createState.create.form.tanggal}
+           defaultValue={createState.create.form.tanggal}
            onChange={(e) => (createState.create.form.tanggal = e.target.value)}
            required
          />
          <TextInput
            label={<Text fw="bold" fz="sm">Jenis Kelamin</Text>}
            placeholder="Masukkan jenis kelamin"
-           value={createState.create.form.jenisKelamin}
+           defaultValue={createState.create.form.jenisKelamin}
            onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
            required
          />
          <TextInput
            label={<Text fw="bold" fz="sm">Alamat</Text>}
            placeholder="Masukkan alamat"
-           value={createState.create.form.alamat}
+           defaultValue={createState.create.form.alamat}
            onChange={(e) => (createState.create.form.alamat = e.target.value)}
            required
          />
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
index 510c60f3..3feba130 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/edit/page.tsx
@@ -107,7 +107,7 @@ function EditKematian() {
          <TextInput
            label="Nama"
            placeholder="Masukkan nama"
-           value={formData.nama}
+          defaultValue={formData.nama}
            onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
            required
          />
@@ -117,7 +117,7 @@ function EditKematian() {
            type="date"
            label="Tanggal"
            placeholder="Masukkan tanggal"
-           value={formData.tanggal}
+           defaultValue={formData.tanggal}
            onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
            required
          />
@@ -126,7 +126,7 @@ function EditKematian() {
          <TextInput
            label="Jenis Kelamin"
            placeholder="Masukkan jenis kelamin"
-           value={formData.jenisKelamin}
+           defaultValue={formData.jenisKelamin}
            onChange={(e) => setFormData({ ...formData, jenisKelamin: e.target.value })}
            required
          />
@@ -135,7 +135,7 @@ function EditKematian() {
          <TextInput
            label="Alamat"
            placeholder="Masukkan alamat"
-           value={formData.alamat}
+           defaultValue={formData.alamat}
            onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
            required
          />
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
index eeb7913b..41b4fa96 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/[id]/page.tsx
@@ -102,13 +102,13 @@ function DetailKematian() {
 
               <Box>
                 <Text fz="lg" fw="bold">Alamat</Text>
-                <Text fz="md" c="dimmed">{data?.alamat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamat || '-'}</Text>
               </Box>
 
 
               <Box>
                 <Text fz="lg" fw="bold">Penyebab</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.penyebab || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.penyebab || '-' }} />
               </Box>
 
 
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
index f9477dd5..2f1c92b7 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/create/page.tsx
@@ -83,7 +83,7 @@ function CreateKematian() {
          <TextInput
            label="Nama"
            placeholder="Masukkan nama"
-           value={createState.create.form.nama}
+           defaultValue={createState.create.form.nama}
            onChange={(e) => (createState.create.form.nama = e.target.value)}
            required
          />
@@ -91,21 +91,21 @@ function CreateKematian() {
            type="date"
            label="Tanggal"
            placeholder="Masukkan tanggal"
-           value={createState.create.form.tanggal}
+           defaultValue={createState.create.form.tanggal}
            onChange={(e) => (createState.create.form.tanggal = e.target.value)}
            required
          />
          <TextInput
            label="Jenis Kelamin"
            placeholder="Masukkan jenis kelamin"
-           value={createState.create.form.jenisKelamin}
+           defaultValue={createState.create.form.jenisKelamin}
            onChange={(e) => (createState.create.form.jenisKelamin = e.target.value)}
            required
          />
          <TextInput
            label="Alamat"
            placeholder="Masukkan alamat"
-           value={createState.create.form.alamat}
+           defaultValue={createState.create.form.alamat}
            onChange={(e) => (createState.create.form.alamat = e.target.value)}
            required
          />
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
index 8d330f3c..0765066b 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
@@ -120,7 +120,7 @@ function EditInfoWabahPenyakit() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label="Judul"
             placeholder="Masukkan judul"
@@ -128,7 +128,7 @@ function EditInfoWabahPenyakit() {
           />
 
           <TextInput
-            value={formData.deskripsiSingkat}
+            defaultValue={formData.deskripsiSingkat}
             onChange={(e) => setFormData({ ...formData, deskripsiSingkat: e.target.value })}
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
index 9e96bd7f..0fe252f3 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
@@ -84,7 +84,7 @@ function DetailInfoWabahPenyakit() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed">{data.deskripsiSingkat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsiSingkat || '-'}</Text>
               </Box>
 
               <Box>
@@ -93,6 +93,7 @@ function DetailInfoWabahPenyakit() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
index 0e0b6255..adb5eecc 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
@@ -91,7 +91,7 @@ function CreateInfoWabahPenyakit() {
       >
         <Stack gap="md">
           <TextInput
-            value={infoWabahPenyakitState.create.form.name}
+            defaultValue={infoWabahPenyakitState.create.form.name}
             onChange={(val) => {
               infoWabahPenyakitState.create.form.name = val.target.value;
             }}
@@ -101,7 +101,7 @@ function CreateInfoWabahPenyakit() {
           />
 
           <TextInput
-            value={infoWabahPenyakitState.create.form.deskripsiSingkat}
+            defaultValue={infoWabahPenyakitState.create.form.deskripsiSingkat}
             onChange={(val) => {
               infoWabahPenyakitState.create.form.deskripsiSingkat = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
index c8562fe0..034be6ba 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
@@ -118,7 +118,7 @@ function EditKontakDarurat() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label="Judul"
             placeholder="Masukkan judul"
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
index a1088693..e257cb6e 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
@@ -78,6 +78,7 @@ function DetailKontakDarurat() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
index d1767f6a..85596d33 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
@@ -96,7 +96,7 @@ function CreateKontakDarurat() {
       >
         <Stack gap="md">
           <TextInput
-            value={kontakDaruratState.create.form.name}
+            defaultValue={kontakDaruratState.create.form.name}
             onChange={(val) => {
               kontakDaruratState.create.form.name = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
index 5e9921b8..db92b42c 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/edit/page.tsx
@@ -117,7 +117,7 @@ function EditPenangananDarurat() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label="Judul"
             placeholder="Masukkan judul"
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
index c7f11f9b..36967755 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/[id]/page.tsx
@@ -78,6 +78,7 @@ function DetailPenangananDarurat() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
index 89dc64ff..f28e0a92 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/create/page.tsx
@@ -99,7 +99,7 @@ function CreatePenangananDarurat() {
           <TextInput
             label={<Text fw="bold" fz="sm">Judul</Text>}
             placeholder="Masukkan judul"
-            value={penangananDaruratState.create.form.name}
+            defaultValue={penangananDaruratState.create.form.name}
             onChange={(val) => {
               penangananDaruratState.create.form.name = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
index 606f2538..811c23f2 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/edit/page.tsx
@@ -192,7 +192,7 @@ function EditPosyandu() {
          <TextInput
            label="Nama Posyandu"
            placeholder="Masukkan nama posyandu"
-           value={formData.name}
+           defaultValue={formData.name}
            onChange={(e) => setFormData({ ...formData, name: e.target.value })}
            required
          />
@@ -201,7 +201,7 @@ function EditPosyandu() {
          <TextInput
            label="Nomor Posyandu"
            placeholder="Masukkan nomor posyandu"
-           value={formData.nomor}
+           defaultValue={formData.nomor}
            onChange={(e) => setFormData({ ...formData, nomor: e.target.value })}
            required
          />
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
index 3629f800..75af2397 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/[id]/page.tsx
@@ -93,6 +93,7 @@ function DetailPosyandu() {
                  fz="md"
                  c="dimmed"
                  dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                />
              </Box>
 
@@ -103,6 +104,7 @@ function DetailPosyandu() {
                  fz="md"
                  c="dimmed"
                  dangerouslySetInnerHTML={{ __html: data.jadwalPelayanan || '-' }}
+                 style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                />
              </Box>
 
diff --git a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
index ad5047be..9542eefe 100644
--- a/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/posyandu/create/page.tsx
@@ -155,14 +155,14 @@ function CreatePosyandu() {
          <TextInput
            label="Nama Posyandu"
            placeholder="Masukkan nama posyandu"
-           value={statePosyandu.create.form.name || ''}
+           defaultValue={statePosyandu.create.form.name || ''}
            onChange={(e) => (statePosyandu.create.form.name = e.target.value)}
            required
          />
          <TextInput
            label="Telepon Posyandu"
            placeholder="Masukkan telepon posyandu"
-           value={statePosyandu.create.form.nomor || ''}
+           defaultValue={statePosyandu.create.form.nomor || ''}
            onChange={(e) => (statePosyandu.create.form.nomor = e.target.value)}
            required
          />
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
index 97b20c03..fddce89c 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
@@ -120,7 +120,7 @@ function EditProgramKesehatan() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label="Judul"
             placeholder="Masukkan judul"
@@ -128,7 +128,7 @@ function EditProgramKesehatan() {
           />
 
           <TextInput
-            value={formData.deskripsiSingkat}
+            defaultValue={formData.deskripsiSingkat}
             onChange={(e) => setFormData({ ...formData, deskripsiSingkat: e.target.value })}
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
index aae520f5..9749c14f 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
@@ -73,12 +73,12 @@ function DetailProgramKesehatan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed">{data?.deskripsiSingkat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.deskripsiSingkat || '-'}</Text>
               </Box>
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
index b98f19ed..c529868f 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
@@ -92,7 +92,7 @@ function CreateProgramKesehatan() {
       >
         <Stack gap="md">
           <TextInput
-            value={programKesehatanState.create.form.name}
+            defaultValue={programKesehatanState.create.form.name}
             onChange={(val) => {
               programKesehatanState.create.form.name = val.target.value;
             }}
@@ -102,7 +102,7 @@ function CreateProgramKesehatan() {
           />
 
           <TextInput
-            value={programKesehatanState.create.form.deskripsiSingkat}
+            defaultValue={programKesehatanState.create.form.deskripsiSingkat}
             onChange={(val) => {
               programKesehatanState.create.form.deskripsiSingkat = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
index 6b37fb05..a89a1547 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/edit/page.tsx
@@ -183,7 +183,7 @@ function EditPuskesmas() {
             label="Nama Puskesmas"
             placeholder="Masukkan nama puskesmas"
             name="name"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={handleInputChange}
             required
           />
@@ -192,7 +192,7 @@ function EditPuskesmas() {
             label="Alamat"
             placeholder="Masukkan alamat"
             name="alamat"
-            value={formData.alamat}
+            defaultValue={formData.alamat}
             onChange={handleInputChange}
             required
           />
@@ -200,7 +200,7 @@ function EditPuskesmas() {
           <TextInput
             label="Jam Buka"
             placeholder="Masukkan jam buka"
-            value={formData.jam.workDays}
+            defaultValue={formData.jam.workDays}
             onChange={(e) => handleNestedChange('jam', 'workDays', e.target.value)}
             required
           />
@@ -208,7 +208,7 @@ function EditPuskesmas() {
           <TextInput
             label="Jam Tutup"
             placeholder="Masukkan jam tutup"
-            value={formData.jam.weekDays}
+            defaultValue={formData.jam.weekDays}
             onChange={(e) => handleNestedChange('jam', 'weekDays', e.target.value)}
             required
           />
@@ -216,7 +216,7 @@ function EditPuskesmas() {
           <TextInput
             label="Jam Libur"
             placeholder="Masukkan jam libur"
-            value={formData.jam.holiday}
+            defaultValue={formData.jam.holiday}
             onChange={(e) => handleNestedChange('jam', 'holiday', e.target.value)}
             required
           />
@@ -224,28 +224,28 @@ function EditPuskesmas() {
           <TextInput
             label="Kontak Puskesmas"
             placeholder="Masukkan kontak puskesmas"
-            value={formData.kontak.kontakPuskesmas}
+            defaultValue={formData.kontak.kontakPuskesmas}
             onChange={(e) => handleNestedChange('kontak', 'kontakPuskesmas', e.target.value)}
           />
 
           <TextInput
             label="Email"
             placeholder="Masukkan email"
-            value={formData.kontak.email}
+            defaultValue={formData.kontak.email}
             onChange={(e) => handleNestedChange('kontak', 'email', e.target.value)}
           />
 
           <TextInput
             label="Facebook"
             placeholder="Masukkan facebook"
-            value={formData.kontak.facebook}
+            defaultValue={formData.kontak.facebook}
             onChange={(e) => handleNestedChange('kontak', 'facebook', e.target.value)}
           />
 
           <TextInput
             label="Kontak UGD"
             placeholder="Masukkan kontak UGD"
-            value={formData.kontak.kontakUGD}
+            defaultValue={formData.kontak.kontakUGD}
             onChange={(e) => handleNestedChange('kontak', 'kontakUGD', e.target.value)}
           />
 
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
index e2f8bef6..2384ae36 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/[id]/page.tsx
@@ -73,7 +73,7 @@ function DetailPuskesmas() {
 
               <Box>
                 <Text fz="lg" fw="bold">Alamat</Text>
-                <Text fz="md" c="dimmed">{data?.alamat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.alamat || '-'}</Text>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
index ff69d499..871b1235 100644
--- a/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/puskesmas/create/page.tsx
@@ -100,40 +100,40 @@ function CreatePuskesmas() {
           <TextInput
             label="Nama Puskesmas"
             placeholder="Masukkan nama puskesmas"
-            value={statePuskesmas.create.form.name}
+            defaultValue={statePuskesmas.create.form.name}
             onChange={(e) => (statePuskesmas.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat"
-            value={statePuskesmas.create.form.alamat}
+            defaultValue={statePuskesmas.create.form.alamat}
             onChange={(e) => (statePuskesmas.create.form.alamat = e.target.value)}
             required
           />
           <TextInput
             label="Jam Buka"
             placeholder="Masukkan jam buka"
-            value={statePuskesmas.create.form.jam.workDays}
+            defaultValue={statePuskesmas.create.form.jam.workDays}
             onChange={(e) => (statePuskesmas.create.form.jam.workDays = e.target.value)}
           />
           <TextInput
             label="Jam Tutup"
             placeholder="Masukkan jam tutup"
-            value={statePuskesmas.create.form.jam.weekDays}
+            defaultValue={statePuskesmas.create.form.jam.weekDays}
             onChange={(e) => (statePuskesmas.create.form.jam.weekDays = e.target.value)}
           />
           <TextInput
             label="Holiday"
             placeholder="Masukkan hari libur"
-            value={statePuskesmas.create.form.jam.holiday}
+            defaultValue={statePuskesmas.create.form.jam.holiday}
             onChange={(e) => (statePuskesmas.create.form.jam.holiday = e.target.value)}
           />
 
           <TextInput
             label="Kontak Puskesmas"
             placeholder="Masukkan kontak puskesmas"
-            value={statePuskesmas.create.form.kontak.kontakPuskesmas}
+            defaultValue={statePuskesmas.create.form.kontak.kontakPuskesmas}
             onChange={(e) =>
               (statePuskesmas.create.form.kontak.kontakPuskesmas = e.target.value)
             }
@@ -141,19 +141,19 @@ function CreatePuskesmas() {
           <TextInput
             label="Email"
             placeholder="Masukkan email"
-            value={statePuskesmas.create.form.kontak.email}
+            defaultValue={statePuskesmas.create.form.kontak.email}
             onChange={(e) => (statePuskesmas.create.form.kontak.email = e.target.value)}
           />
           <TextInput
             label="Facebook"
             placeholder="Masukkan facebook"
-            value={statePuskesmas.create.form.kontak.facebook}
+            defaultValue={statePuskesmas.create.form.kontak.facebook}
             onChange={(e) => (statePuskesmas.create.form.kontak.facebook = e.target.value)}
           />
           <TextInput
             label="Kontak UGD"
             placeholder="Masukkan kontak UGD"
-            value={statePuskesmas.create.form.kontak.kontakUGD}
+            defaultValue={statePuskesmas.create.form.kontak.kontakUGD}
             onChange={(e) => (statePuskesmas.create.form.kontak.kontakUGD = e.target.value)}
           />
 
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
index c9ed189e..a3117aae 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/[id]/edit/page.tsx
@@ -139,7 +139,7 @@ function EditAPBDes() {
           <TextInput
             label="Nama APBDes"
             placeholder="Masukkan nama APBDes"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -147,7 +147,7 @@ function EditAPBDes() {
           <TextInput
             label="Jumlah Anggaran"
             placeholder="Masukkan jumlah anggaran"
-            value={formData.jumlah}
+            defaultValue={formData.jumlah}
             onChange={(e) => setFormData({ ...formData, jumlah: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
index 80af1a3f..1925e0a5 100644
--- a/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/apbdes/create/page.tsx
@@ -218,14 +218,14 @@ function CreateAPBDes() {
           <TextInput
             label="Nama APBDes"
             placeholder="Masukkan nama APBDes"
-            value={stateAPBDes.create.form.name || ''}
+            defaultValue={stateAPBDes.create.form.name || ''}
             onChange={(e) => (stateAPBDes.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Jumlah Anggaran"
             placeholder="Masukkan jumlah anggaran"
-            value={stateAPBDes.create.form.jumlah || ''}
+            defaultValue={stateAPBDes.create.form.jumlah || ''}
             onChange={(e) => (stateAPBDes.create.form.jumlah = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
index 5e22c5fe..5d270d80 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/[id]/page.tsx
@@ -96,7 +96,7 @@ export default function EditKategoriDesaAntiKorupsi() {
           <TextInput
             label="Nama Kategori"
             placeholder="Masukkan nama kategori"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
             disabled={isLoading}
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
index 2ecb3429..15e3645c 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/create/page.tsx
@@ -57,7 +57,7 @@ export default function CreateKategoriDesaAntiKorupsi() {
           <TextInput
             label="Nama Kategori"
             placeholder="Masukkan nama kategori"
-            value={stateKategori.create.form.name || ''}
+            defaultValue={stateKategori.create.form.name || ''}
             onChange={(e) => (stateKategori.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
index 85592ca7..2041f002 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/edit/page.tsx
@@ -144,7 +144,7 @@ export default function EditDesaAntiKorupsi() {
           <TextInput
             label="Judul Dokumen"
             placeholder="Masukkan judul dokumen"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
index d72d0ac3..919eb39d 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/[id]/page.tsx
@@ -83,7 +83,8 @@ export default function DetailKegiatanDesa() {
                   fz="md" 
                   c="dimmed" 
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
-                  style={{ lineHeight: 1.6 }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.6 }}
+                  
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
index ae196e20..1756842b 100644
--- a/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/create/page.tsx
@@ -165,7 +165,7 @@ export default function CreateDesaAntiKorupsi() {
           <TextInput
             label="Judul Dokumen"
             placeholder="Masukkan judul dokumen"
-            value={stateKorupsi.create.form.name || ''}
+            defaultValue={stateKorupsi.create.form.name || ''}
             onChange={(e) => (stateKorupsi.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
index 58e82afc..2737f578 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx
@@ -100,14 +100,10 @@ function EditResponden() {
       >
         <Stack gap="md">
           <TextInput
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Nama Responden
-              </Text>
-            }
+            label="Nama Responden"
             type='text'
             placeholder="Masukkan nama responden"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(val) => {
               setFormData({
                 ...formData,
@@ -118,14 +114,10 @@ function EditResponden() {
             required
           />
           <TextInput
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Tanggal
-              </Text>
-            }
+            label="Tanggal"
             type="date"
             placeholder='Pilih tanggal'
-            value={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
+            defaultValue={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
             onChange={(e) => {
               const selectedDate = e.currentTarget.value;
               setFormData({
diff --git a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx
index 9feb87e7..7056c869 100644
--- a/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx
@@ -64,7 +64,7 @@ function RespondenCreate() {
             label="Nama"
             type='text'
             placeholder="masukkan nama"
-            value={stategrafikBerdasarkanResponden.create.form.name}
+            defaultValue={stategrafikBerdasarkanResponden.create.form.name}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.name = val.currentTarget.value;
             }}
@@ -73,7 +73,7 @@ function RespondenCreate() {
             label="Tanggal"
             type="date"
             placeholder="masukkan tanggal"
-            value={stategrafikBerdasarkanResponden.create.form.tanggal}
+            defaultValue={stategrafikBerdasarkanResponden.create.form.tanggal}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.tanggal = val.currentTarget.value;
             }}
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
index db646f03..50a0cf3d 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/[id]/page.tsx
@@ -94,7 +94,7 @@ function EditKategoriPrestasi() {
           <TextInput
             label="Nama Kategori Prestasi"
             placeholder="Masukkan nama kategori prestasi"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
index da45b56b..c03a0ba6 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/create/page.tsx
@@ -54,7 +54,7 @@ function CreateKategoriPrestasi() {
           <TextInput
             label="Nama Kategori Prestasi"
             placeholder="Masukkan nama kategori prestasi"
-            value={stateKategori.create.form.name || ''}
+            defaultValue={stateKategori.create.form.name || ''}
             onChange={(val) => (stateKategori.create.form.name = val.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
index 4ba12632..aa2b2112 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/edit/page.tsx
@@ -134,7 +134,7 @@ function EditPrestasiDesa() {
           <TextInput
             label="Judul Prestasi"
             placeholder="Masukkan judul prestasi"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(val) => {
               setFormData({
                 ...formData,
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
index 97f0f67a..d7c3ecba 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/[id]/page.tsx
@@ -82,6 +82,7 @@ function DetailPrestasiDesa() {
                   fz="md"
                   c="dimmed"
                   dangerouslySetInnerHTML={{ __html: detailState.findUnique.data?.deskripsi || '-' }}
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
index 25025d19..1a7530e1 100644
--- a/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/create/page.tsx
@@ -141,7 +141,7 @@ function CreatePrestasiDesa() {
           <TextInput
             label="Judul Prestasi"
             placeholder="Masukkan judul prestasi"
-            value={stateCreate.create.form.name}
+            defaultValue={stateCreate.create.form.name}
             onChange={(e) => (stateCreate.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
index a0320bff..5d36542c 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/[id]/edit/page.tsx
@@ -161,7 +161,7 @@ function EditMediaSosial() {
           <TextInput
             label="Nama Media Sosial / Kontak"
             placeholder="Masukkan nama media sosial atau kontak"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -169,7 +169,7 @@ function EditMediaSosial() {
           <TextInput
             label="Link Media Sosial / Nomor Telepon"
             placeholder="Masukkan link media sosial atau nomor telepon"
-            value={formData.iconUrl}
+            defaultValue={formData.iconUrl}
             onChange={(e) => setFormData({ ...formData, iconUrl: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
index 7101c3af..ae615815 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/media-sosial/create/page.tsx
@@ -138,14 +138,14 @@ export default function CreateMediaSosial() {
           <TextInput
             label="Nama Media Sosial / Kontak"
             placeholder="Masukkan nama media sosial atau kontak"
-            value={stateMediaSosial.create.form.name || ''}
+            defaultValue={stateMediaSosial.create.form.name || ''}
             onChange={(e) => (stateMediaSosial.create.form.name = e.target.value)}
             required
           />
           <TextInput
             label="Link Media Sosial / Nomor Telepon"
             placeholder="Masukkan link media sosial atau nomor telepon"
-            value={stateMediaSosial.create.form.iconUrl || ''}
+            defaultValue={stateMediaSosial.create.form.iconUrl || ''}
             onChange={(e) => (stateMediaSosial.create.form.iconUrl = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
index c02906ee..0a0bfa02 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/pejabat-desa/[id]/page.tsx
@@ -170,7 +170,7 @@ function EditPejabatDesa() {
             <TextInput
               label={<Text fw="bold">Nama Perbekel</Text>}
               placeholder="Masukkan nama perbekel"
-              value={allState.edit.form.name}
+              defaultValue={allState.edit.form.name}
               onChange={(e) => handleFieldChange('name', e.currentTarget.value)}
               error={!allState.edit.form.name && "Nama wajib diisi"}
             />
@@ -179,7 +179,7 @@ function EditPejabatDesa() {
             <TextInput
               label={<Text fw="bold">Posisi</Text>}
               placeholder="Masukkan posisi"
-              value={allState.edit.form.position}
+              defaultValue={allState.edit.form.position}
               onChange={(e) => handleFieldChange('position', e.currentTarget.value)}
               error={!allState.edit.form.position && "Posisi wajib diisi"}
             />
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
index 4d72ce2b..e5e8ef4d 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/edit/page.tsx
@@ -173,7 +173,7 @@ function EditProgramInovasi() {
           <TextInput
             label="Nama Program Inovasi"
             placeholder="Masukkan nama program inovasi"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -192,7 +192,7 @@ function EditProgramInovasi() {
           <TextInput
             label="Link Program Inovasi"
             placeholder="Masukkan link program inovasi (opsional)"
-            value={formData.link}
+            defaultValue={formData.link}
             onChange={(e) => setFormData({ ...formData, link: e.target.value })}
           />
 
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
index 428524b1..8d57d922 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx
@@ -82,7 +82,7 @@ function DetailProgramInovasi() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" style={{ whiteSpace: 'pre-wrap' }} dangerouslySetInnerHTML={{ __html: data.description || '-' }}></Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.description || '-' }}></Text>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
index e214827a..de402dd6 100644
--- a/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/profile/program-inovasi/create/page.tsx
@@ -144,7 +144,7 @@ function CreateProgramInovasi() {
           <TextInput
             label="Nama Program Inovasi"
             placeholder="Masukkan nama program inovasi"
-            value={stateProgramInovasi.create.form.name}
+            defaultValue={stateProgramInovasi.create.form.name}
             onChange={(e) => (stateProgramInovasi.create.form.name = e.target.value)}
             required
           />
@@ -162,7 +162,7 @@ function CreateProgramInovasi() {
           <TextInput
             label="Link Program Inovasi"
             placeholder="Masukkan link program inovasi (opsional)"
-            value={stateProgramInovasi.create.form.link || ''}
+            defaultValue={stateProgramInovasi.create.form.link || ''}
             onChange={(e) => (stateProgramInovasi.create.form.link = e.target.value)}
           />
 
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
index b3003d71..3383e85e 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/[id]/edit/page.tsx
@@ -175,7 +175,7 @@ function EditKolaborasiInovasi() {
           <TextInput
             label="Nama Sdgs Desa"
             placeholder="Masukkan nama Sdgs Desa"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -183,7 +183,7 @@ function EditKolaborasiInovasi() {
           <TextInput
             label="Jumlah"
             placeholder="Masukkan jumlah"
-            value={formData.jumlah}
+            defaultValue={formData.jumlah}
             onChange={(e) => setFormData({ ...formData, jumlah: e.target.value })}
             required
             type="number"
diff --git a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
index 0acf75f9..0b1b6517 100644
--- a/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/sdgs-desa/create/page.tsx
@@ -159,7 +159,7 @@ function CreateSDGsDesa() {
               </Text>
             }
             placeholder="Masukkan jumlah"
-            value={stateSDGSDesa.create.form.jumlah}
+            defaultValue={stateSDGSDesa.create.form.jumlah}
             onChange={(val) => {
               stateSDGSDesa.create.form.jumlah = val.target.value;
             }}
@@ -167,14 +167,6 @@ function CreateSDGsDesa() {
             min={0}
             radius="md"
           />
-          <TextInput
-            label="Test"
-            onChange={(val) => {
-              console.log(val.target.value)
-            }}
-
-          />
-
           <Group justify="flex-end" mt="md">
             <Button
               variant="light"
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
index 33dbccb4..5d1248b5 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/edit/page.tsx
@@ -132,7 +132,7 @@ function EditDataLingkunganDesa() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             label={<Text fz="sm" fw="bold">Nama Data Lingkungan Desa</Text>}
             placeholder="Masukkan nama data lingkungan desa"
             onChange={(val) =>
@@ -145,7 +145,7 @@ function EditDataLingkunganDesa() {
           />
 
           <TextInput
-            value={formData.jumlah}
+            defaultValue={formData.jumlah}
             label={<Text fz="sm" fw="bold">Jumlah Data Lingkungan Desa</Text>}
             placeholder="Masukkan jumlah data lingkungan desa"
             onChange={(val) =>
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
index 5f1d6095..4e985dce 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/[id]/page.tsx
@@ -131,7 +131,7 @@ function DetailDataLingkunganDesa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               {/* Action Buttons */}
diff --git a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
index 54dd409d..c2bff29e 100644
--- a/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/data-lingkungan-desa/create/page.tsx
@@ -69,7 +69,7 @@ function CreateDataLingkunganDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Data Lingkungan Desa</Text>}
             placeholder="Masukkan nama data lingkungan desa"
-            value={stateCreate.create.form.name || ''}
+            defaultValue={stateCreate.create.form.name || ''}
             onChange={(val) => (stateCreate.create.form.name = val.target.value)}
             required
           />
@@ -86,7 +86,7 @@ function CreateDataLingkunganDesa() {
           <TextInput
             label={<Text fw="bold" fz="sm">Jumlah Data Lingkungan Desa</Text>}
             placeholder="Masukkan jumlah data lingkungan desa"
-            value={stateCreate.create.form.jumlah || ''}
+            defaultValue={stateCreate.create.form.jumlah || ''}
             onChange={(e) => (stateCreate.create.form.jumlah = e.currentTarget.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
index 1e13f6df..a7b7a396 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/contoh-kegiatan-desa-darmasaba/page.tsx
@@ -57,6 +57,7 @@ function Page() {
                 fw={600}
                 c="black"
                 dangerouslySetInnerHTML={{ __html: listContohEdukasi.findById.data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
             <Box>
@@ -66,6 +67,7 @@ function Page() {
                 c="dimmed"
                 lineClamp={10}
                 dangerouslySetInnerHTML={{ __html: listContohEdukasi.findById.data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
index 330a50ca..942d3d78 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan/page.tsx
@@ -53,6 +53,7 @@ function Page() {
                 fw={600}
                 c="black"
                 dangerouslySetInnerHTML={{ __html: listMateriEdukasi.findById.data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
             <Box>
@@ -62,6 +63,7 @@ function Page() {
                 c="dimmed"
                 lineClamp={10}
                 dangerouslySetInnerHTML={{ __html: listMateriEdukasi.findById.data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
index 49fd7dd5..48b88aa8 100644
--- a/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan/page.tsx
@@ -53,6 +53,7 @@ function Page() {
                 fw={600}
                 c='black'
                 dangerouslySetInnerHTML={{ __html: listTujuanEdukasi.findById.data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
             <Box>
@@ -62,6 +63,7 @@ function Page() {
                 c="dimmed"
                 lineClamp={10}
                 dangerouslySetInnerHTML={{ __html: listTujuanEdukasi.findById.data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
index f6b81aa7..c9d2d114 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/[id]/page.tsx
@@ -85,7 +85,7 @@ function EditKategoriKegiatan() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             label={<Text fw="bold" fz="sm">Nama Kategori Kegiatan</Text>}
             placeholder="Masukkan nama kategori kegiatan"
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
index 3930a195..46d44b95 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kategori-kegiatan/create/page.tsx
@@ -53,7 +53,7 @@ function CreateKategoriKegiatan() {
       >
         <Stack gap="md">
           <TextInput
-            value={stateKategori.create.form.nama}
+            defaultValue={stateKategori.create.form.nama}
             onChange={(val) => (stateKategori.create.form.nama = val.target.value)}
             label={<Text fw="bold" fz="sm">Nama Kategori Kegiatan</Text>}
             placeholder="Masukkan nama kategori kegiatan"
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
index 73545702..2eb3ab50 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx
@@ -126,14 +126,14 @@ function EditGotongRoyong() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.judul}
+            defaultValue={formData.judul}
             label={<Text fz="sm" fw="bold">Judul Kegiatan Desa</Text>}
             placeholder="masukkan judul kegiatan desa"
             onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
             required
           />
           <TextInput
-            value={formData.deskripsiSingkat}
+            defaultValue={formData.deskripsiSingkat}
             label={<Text fz="sm" fw="bold">Deskripsi Singkat Kegiatan Desa</Text>}
             placeholder="masukkan deskripsi singkat kegiatan desa"
             onChange={(e) => setFormData({ ...formData, deskripsiSingkat: e.target.value })}
@@ -164,17 +164,17 @@ function EditGotongRoyong() {
             label={<Text fz="sm" fw="bold">Tanggal Kegiatan Desa</Text>}
             placeholder="masukkan tanggal kegiatan desa"
             type="date"
-            value={formatDateForInput(formData.tanggal)}
+            defaultValue={formatDateForInput(formData.tanggal)}
             onChange={(e) => setFormData({ ...formData, tanggal: e.target.value })}
           />
           <TextInput
-            value={formData.lokasi}
+            defaultValue={formData.lokasi}
             label={<Text fz="sm" fw="bold">Lokasi Kegiatan Desa</Text>}
             placeholder="masukkan lokasi kegiatan desa"
             onChange={(e) => setFormData({ ...formData, lokasi: e.target.value })}
           />
           <TextInput
-            value={formData.partisipan}
+            defaultValue={formData.partisipan}
             label={<Text fz="sm" fw="bold">Partisipan Kegiatan Desa</Text>}
             placeholder="masukkan partisipan kegiatan desa"
             onChange={(e) => {
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
index 42855333..3f027018 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx
@@ -85,13 +85,13 @@ function DetailKegiatanDesa() {
               {/* Deskripsi Singkat */}
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi Singkat</Text>
-                <Text fz="md" c="dimmed">{data.deskripsiSingkat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsiSingkat || '-'}</Text>
               </Box>
 
               {/* Deskripsi Lengkap */}
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }} />
               </Box>
 
               {/* Kategori */}
@@ -109,7 +109,7 @@ function DetailKegiatanDesa() {
               {/* Lokasi */}
               <Box>
                 <Text fz="lg" fw="bold">Lokasi</Text>
-                <Text fz="md" c="dimmed">{data.lokasi || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.lokasi || '-'}</Text>
               </Box>
 
               {/* Gambar */}
diff --git a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
index 0ebb868c..9d22380c 100644
--- a/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx
@@ -155,21 +155,21 @@ function CreateKegiatanDesa() {
           <TextInput
             label="Judul Kegiatan"
             placeholder="Masukkan judul kegiatan"
-            value={stateKegiatanDesa.create.form.judul}
+            defaultValue={stateKegiatanDesa.create.form.judul}
             onChange={(e) => (stateKegiatanDesa.create.form.judul = e.target.value)}
             required
           />
           <TextInput
             label="Deskripsi Singkat"
             placeholder="Masukkan deskripsi singkat"
-            value={stateKegiatanDesa.create.form.deskripsiSingkat}
+            defaultValue={stateKegiatanDesa.create.form.deskripsiSingkat}
             onChange={(e) => (stateKegiatanDesa.create.form.deskripsiSingkat = e.target.value)}
             required
           />
           <TextInput
             type="number"
             min={0}
-            value={stateKegiatanDesa.create.form.partisipan}
+            defaultValue={stateKegiatanDesa.create.form.partisipan}
             onChange={(e) => {
               const value = Number(e.target.value);
               if (value >= 0) {
@@ -184,7 +184,7 @@ function CreateKegiatanDesa() {
             label="Tanggal"
             type="date"
             placeholder="Contoh: 2022-01-01"
-            value={
+            defaultValue={
               stateKegiatanDesa.create.form.tanggal
                 ? stateKegiatanDesa.create.form.tanggal.toISOString().split('T')[0]
                 : ''
@@ -198,7 +198,7 @@ function CreateKegiatanDesa() {
           <TextInput
             label="Lokasi"
             placeholder="Masukkan lokasi kegiatan"
-            value={stateKegiatanDesa.create.form.lokasi}
+            defaultValue={stateKegiatanDesa.create.form.lokasi}
             onChange={(e) => (stateKegiatanDesa.create.form.lokasi = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
index a9b8330d..72b62a5f 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/bentuk-konservasi-berdasarkan-adat/page.tsx
@@ -64,6 +64,7 @@ function Page() {
                 dangerouslySetInnerHTML={{
                   __html: listBentukKonservasiBerdasarkanAdat.findById.data.judul,
                 }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
             <Box>
@@ -75,6 +76,7 @@ function Page() {
                 dangerouslySetInnerHTML={{
                   __html: listBentukKonservasiBerdasarkanAdat.findById.data.deskripsi,
                 }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
index 559270c3..cbacceb3 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/filosofi-tri-hita-karana/page.tsx
@@ -57,6 +57,7 @@ function Page() {
                 fw={600}
                 c="black"
                 dangerouslySetInnerHTML={{ __html: listFilosofi.findById.data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
             <Box px={{ base: 0, md: 20 }}>
@@ -66,6 +67,7 @@ function Page() {
                 c="dimmed"
                 lineClamp={10}
                 dangerouslySetInnerHTML={{ __html: listFilosofi.findById.data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
index 644e8d90..32893221 100644
--- a/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/konservasi-adat-bali/nilai-konservasi-adat/page.tsx
@@ -55,6 +55,7 @@ function Page() {
                 fw={600}
                 c="black"
                 dangerouslySetInnerHTML={{ __html: listNilaiKonservasiAdat.findById.data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
             <Box>
@@ -64,6 +65,7 @@ function Page() {
                 c="dimmed"
                 lineClamp={10}
                 dangerouslySetInnerHTML={{ __html: listNilaiKonservasiAdat.findById.data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Box>
           </Paper>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
index 49034b5c..1c4c378b 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/edit/page.tsx
@@ -120,7 +120,7 @@ function EditKeteranganBankSampahTerdekat() {
           <TextInput
             label="Nama Bank Sampah"
             placeholder="Masukkan nama bank sampah"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
@@ -128,7 +128,7 @@ function EditKeteranganBankSampahTerdekat() {
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat lengkap"
-            value={formData.alamat}
+            defaultValue={formData.alamat}
             onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
             required
           />
@@ -136,7 +136,7 @@ function EditKeteranganBankSampahTerdekat() {
           <TextInput
             label="Nama Tempat di Maps"
             placeholder="Masukkan nama tempat yang terdaftar di Google Maps"
-            value={formData.namaTempatMaps}
+            defaultValue={formData.namaTempatMaps}
             onChange={(e) => setFormData({ ...formData, namaTempatMaps: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
index 417cd170..195861d8 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/[id]/page.tsx
@@ -78,12 +78,12 @@ function DetailKeteranganBankSampahTerdekat() {
 
               <Box>
                 <Text fz="sm" c="dimmed">Alamat</Text>
-                <Text fz="lg">{keteranganState.findUnique.data?.alamat}</Text>
+                <Text fz="lg" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{keteranganState.findUnique.data?.alamat}</Text>
               </Box>
 
               <Box>
                 <Text fz="sm" c="dimmed">Nama Tempat di Maps</Text>
-                <Text fz="lg">{keteranganState.findUnique.data?.namaTempatMaps}</Text>
+                <Text fz="lg" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{keteranganState.findUnique.data?.namaTempatMaps}</Text>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
index 883c89bf..ad8ae867 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/keterangan-bank-sampah-terdekat/create/page.tsx
@@ -76,7 +76,7 @@ function CreateKeteranganBankSampahTerdekat() {
           <TextInput
             label="Nama Bank Sampah"
             placeholder="Masukkan nama bank sampah"
-            value={keteranganState.create.form.name}
+            defaultValue={keteranganState.create.form.name}
             onChange={(e) => (keteranganState.create.form.name = e.target.value)}
             required
           />
@@ -84,7 +84,7 @@ function CreateKeteranganBankSampahTerdekat() {
           <TextInput
             label="Alamat"
             placeholder="Masukkan alamat lengkap"
-            value={keteranganState.create.form.alamat}
+            defaultValue={keteranganState.create.form.alamat}
             onChange={(e) => (keteranganState.create.form.alamat = e.target.value)}
             required
           />
@@ -92,7 +92,7 @@ function CreateKeteranganBankSampahTerdekat() {
           <TextInput
             label="Nama Tempat di Maps"
             placeholder="Masukkan nama tempat yang terdaftar di Google Maps"
-            value={keteranganState.create.form.namaTempatMaps}
+            defaultValue={keteranganState.create.form.namaTempatMaps}
             onChange={(e) => (keteranganState.create.form.namaTempatMaps = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
index e0427dc8..958dc01a 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/[id]/page.tsx
@@ -105,7 +105,7 @@ function EditProgramKreatifDesa() {
           <TextInput
             label="Nama Pengelolaan Sampah"
             placeholder="Masukkan nama pengelolaan sampah"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => {
               const value = e.target.value;
               setFormData(prev => ({
diff --git a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
index 563befe5..a413905b 100644
--- a/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/pengelolaan-sampah-bank-sampah/list-pengelolaan-sampah-bank-sampah/create/page.tsx
@@ -61,7 +61,7 @@ function CreatePengelolaanSampahBankSampah() {
           <TextInput
             label="Nama Pengelolaan Sampah"
             placeholder="Masukkan nama pengelolaan sampah"
-            value={stateCreate.create.form.name || ''}
+            defaultValue={stateCreate.create.form.name || ''}
             onChange={(e) => (stateCreate.create.form.name = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
index 274c1d16..d99d8db4 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/edit/page.tsx
@@ -135,7 +135,7 @@ function EditProgramPenghijauan() {
       >
         <Stack gap="md">
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             label="Nama Program Penghijauan"
             placeholder="Masukkan nama program penghijauan"
             onChange={(val) =>
@@ -148,7 +148,7 @@ function EditProgramPenghijauan() {
           />
 
           <TextInput
-            value={formData.judul}
+            defaultValue={formData.judul}
             label="Judul Deskripsi Program Penghijauan"
             placeholder="Masukkan judul deskripsi program penghijauan"
             onChange={(val) =>
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
index 44df2081..a2857cfc 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -112,7 +112,7 @@ function DetailProgramPenghijauan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" c="dimmed" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }} />
               </Box>
 
               {/* Tombol aksi */}
diff --git a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
index a787090d..5b8e1ce5 100644
--- a/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
+++ b/src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx
@@ -69,7 +69,7 @@ function CreateProgramPenghijauan() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Program Penghijauan</Text>}
             placeholder="Masukkan nama program penghijauan"
-            value={stateCreate.create.form.name || ''}
+            defaultValue={stateCreate.create.form.name || ''}
             onChange={(e) => (stateCreate.create.form.name = e.target.value)}
             required
           />
@@ -86,7 +86,7 @@ function CreateProgramPenghijauan() {
           <TextInput
             label={<Text fz="sm" fw="bold">Judul Deskripsi Program Penghijauan</Text>}
             placeholder="Masukkan judul deskripsi program penghijauan"
-            value={stateCreate.create.form.judul || ''}
+            defaultValue={stateCreate.create.form.judul || ''}
             onChange={(e) => (stateCreate.create.form.judul = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
index 16ffc1c8..f72394f9 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/beasiswa-pendaftar/[id]/page.tsx
@@ -67,7 +67,7 @@ function DetailBeasiswaPendaftar() {
             <Stack gap="sm">
               <Box>
                 <Text fz="lg" fw="bold">Nama Lengkap</Text>
-                <Text fz="md" c="dimmed">{data.namaLengkap || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.namaLengkap || '-'}</Text>
               </Box>
               <Box>
                 <Text fz="lg" fw="bold">NIK</Text>
@@ -75,7 +75,7 @@ function DetailBeasiswaPendaftar() {
               </Box>
               <Box>
                 <Text fz="lg" fw="bold">Tempat Lahir</Text>
-                <Text fz="md" c="dimmed">{data.tempatLahir || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.tempatLahir || '-'}</Text>
               </Box>
               <Box>
                 <Text fz="lg" fw="bold">Tanggal Lahir</Text>
@@ -97,11 +97,11 @@ function DetailBeasiswaPendaftar() {
               </Box>
               <Box>
                 <Text fz="lg" fw="bold">Alamat KTP</Text>
-                <Text fz="md" c="dimmed">{data.alamatKTP || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.alamatKTP || '-'}</Text>
               </Box>
               <Box>
                 <Text fz="lg" fw="bold">Alamat Domisili</Text>
-                <Text fz="md" c="dimmed">{data.alamatDomisili || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.alamatDomisili || '-'}</Text>
               </Box>
               <Box>
                 <Text fz="lg" fw="bold">No HP</Text>
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
index 17188b39..3a745c50 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/[id]/page.tsx
@@ -97,7 +97,7 @@ function EditProgramKreatifDesa() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) => {
               const value = e.target.value;
               setFormData(prev => ({
diff --git a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
index d0859b4b..f7fb5f93 100644
--- a/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/beasiswa-desa/keunggulan-program/create/page.tsx
@@ -61,7 +61,7 @@ function CreateKeunggulanProgram() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            value={stateCreate.create.form.judul || ''}
+            defaultValue={stateCreate.create.form.judul || ''}
             onChange={(e) => (stateCreate.create.form.judul = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
index 29d4e159..6dbcae00 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/edit/page.tsx
@@ -123,7 +123,7 @@ function EditFasilitasYangDisediakan() {
             <TextInput
               label={<Text fw="bold">Judul</Text>}
               placeholder="Masukkan judul fasilitas"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
index 6e129fa0..b568cefa 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan/page.tsx
@@ -81,6 +81,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
index b1ca2730..408bab9b 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/edit/page.tsx
@@ -125,7 +125,7 @@ function EditLokasiDanJadwal() {
             <TextInput
               label={<Text fw="bold">Judul</Text>}
               placeholder="Masukkan judul lokasi/jadwal"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
index 360465dd..f9de4d6a 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal/page.tsx
@@ -71,6 +71,7 @@ function Page() {
                 fw="bold"
                 c={colors['blue-button']}
                 dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
               <Divider my="md" color={colors['blue-button']} />
 
@@ -81,6 +82,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
index 2b318d89..dd6c8979 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/edit/page.tsx
@@ -117,7 +117,7 @@ function EditTujuanProgram() {
             <TextInput
               label={<Text fw="bold">Judul</Text>}
               placeholder="Masukkan judul program"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
index 30544096..45b1c4db 100644
--- a/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/bimbingan-belajar-desa/tujuan-program/page.tsx
@@ -93,6 +93,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
index edaad7da..56759dfd 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/[id]/page.tsx
@@ -59,7 +59,7 @@ export default function EditDataPendidikan() {
           <TextInput
             label="Nama Pendidikan"
             placeholder="Contoh: SD, SMP, SMA"
-            value={stateDPM.update.form.name}
+            defaultValue={stateDPM.update.form.name}
             onChange={(e) => (stateDPM.update.form.name = e.currentTarget.value)}
             radius="md"
             required
@@ -68,7 +68,7 @@ export default function EditDataPendidikan() {
             label="Jumlah Peserta"
             type="number"
             placeholder="Masukkan jumlah peserta"
-            value={stateDPM.update.form.jumlah}
+            defaultValue={stateDPM.update.form.jumlah}
             onChange={(e) => (stateDPM.update.form.jumlah = e.currentTarget.value)}
             radius="md"
             required
diff --git a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
index 602849f4..52f8e1f7 100644
--- a/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/data-pendidikan/create/page.tsx
@@ -51,7 +51,7 @@ export default function CreateDataPendidikan() {
           <TextInput
             label="Nama Pendidikan"
             placeholder="Contoh: SD, SMP, SMA"
-            value={stateDPM.create.form.name}
+            defaultValue={stateDPM.create.form.name}
             onChange={(e) => (stateDPM.create.form.name = e.currentTarget.value)}
             radius="md"
             required
@@ -59,7 +59,7 @@ export default function CreateDataPendidikan() {
           <TextInput
             label="Jumlah Peserta"
             placeholder="Masukkan jumlah peserta"
-            value={stateDPM.create.form.jumlah}
+            defaultValue={stateDPM.create.form.jumlah}
             onChange={(e) => (stateDPM.create.form.jumlah = e.currentTarget.value)}
             radius="md"
             type="number"
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
index ff1ce12c..ebc399ed 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/[id]/page.tsx
@@ -104,7 +104,7 @@ function EditJenjangPendidikan() {
           <TextInput
             label="Nama Jenjang Pendidikan"
             placeholder="Masukkan nama jenjang pendidikan"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
index 62b33467..fe8b30d5 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/jenjang-pendidikan/create/page.tsx
@@ -74,7 +74,7 @@ function CreateJenjangPendidikan() {
           <TextInput
             label="Nama Jenjang Pendidikan"
             placeholder="Masukkan nama jenjang pendidikan"
-            value={stateJenjang.create.form.nama || ''}
+            defaultValue={stateJenjang.create.form.nama || ''}
             onChange={(e) => (stateJenjang.create.form.nama = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
index 620d13e1..eb394e59 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/[id]/edit/page.tsx
@@ -95,7 +95,7 @@ export default function EditLembaga() {
           <TextInput
             label="Nama Lembaga"
             placeholder="Masukkan nama lembaga"
-            value={form.nama}
+            defaultValue={form.nama}
             onChange={(e) => setForm({ ...form, nama: e.currentTarget.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
index 972d32da..cbf52bca 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/lembaga/create/page.tsx
@@ -66,7 +66,7 @@ function CreateLembaga() {
       >
         <Stack gap="md">
           <TextInput
-            value={stateLembaga.create.form.nama}
+            defaultValue={stateLembaga.create.form.nama}
             onChange={(val) => {
               stateLembaga.create.form.nama = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
index abdf4f34..bf8ef6be 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/edit/page.tsx
@@ -99,7 +99,7 @@ function EditPengajar() {
           <TextInput
             label="Nama Pengajar"
             placeholder="Masukkan nama pengajar"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
index 770bf166..f97d19c4 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/[id]/page.tsx
@@ -73,7 +73,7 @@ function DetailPengajar() {
 
               <Box>
                 <Text fz="lg" fw="bold">Lembaga</Text>
-                <Text fz="md" c="dimmed">{data.lembaga?.nama || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.lembaga?.nama || '-'}</Text>
               </Box>
 
               <Group gap="sm" mt="sm">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
index 61abd8ef..22e683e7 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/pengajar/create/page.tsx
@@ -74,7 +74,7 @@ function CreatePengajar() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama</Text>}
             placeholder="Masukkan nama pengajar"
-            value={stateCreate.create.form.nama}
+            defaultValue={stateCreate.create.form.nama}
             onChange={(e) => (stateCreate.create.form.nama = e.target.value)}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
index ff84fd8f..804171ff 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/edit/page.tsx
@@ -100,7 +100,7 @@ function EditSiswa() {
           <TextInput
             label={<Text fz="sm" fw="bold">Nama Siswa</Text>}
             placeholder="Masukkan nama siswa"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
index 56502739..519d2590 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/[id]/page.tsx
@@ -75,7 +75,7 @@ function DetailSiswa() {
 
               <Box>
                 <Text fz="lg" fw="bold">Lembaga</Text>
-                <Text fz="md" c="dimmed">{data?.lembaga?.nama || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.lembaga?.nama || '-'}</Text>
               </Box>
 
               <Group gap="sm">
diff --git a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
index 7dd841a5..9ebe3f57 100644
--- a/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/info-sekolah/siswa/create/page.tsx
@@ -67,7 +67,7 @@ function CreateSiswa() {
       >
         <Stack gap="md">
           <TextInput
-            value={stateCreate.create.form.nama}
+            defaultValue={stateCreate.create.form.nama}
             onChange={(val) => {
               stateCreate.create.form.nama = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
index 20c17d05..4429d035 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/edit/page.tsx
@@ -117,7 +117,7 @@ function EditJenisProgramYangDiselenggarakan() {
             <TextInput
               label={<Text fz="sm" fw="bold">Judul</Text>}
               placeholder="Masukkan judul program"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
index 010ef66b..d7afd755 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan/page.tsx
@@ -83,6 +83,7 @@ function Page() {
                 fw="bold"
                 c={colors['blue-button']}
                 dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
               <Divider my="md" color={colors['blue-button']} />
 
@@ -93,6 +94,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
index c04903e3..e97ec9e5 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/edit/page.tsx
@@ -117,7 +117,7 @@ function EditTempatKegiatan() {
             <TextInput
               label={<Text fz="sm" fw="bold">Judul</Text>}
               placeholder="Masukkan judul tempat kegiatan"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
index 49c6ce6f..d56908cf 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tempat-kegiatan/page.tsx
@@ -71,6 +71,7 @@ function Page() {
                 fw="bold"
                 c={colors['blue-button']}
                 dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
               <Divider my="md" color={colors['blue-button']} />
 
@@ -81,6 +82,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
index 35adde5f..91195237 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/edit/page.tsx
@@ -112,7 +112,7 @@ function EditTujuanProgram() {
             <TextInput
               label={<Text fz="sm" fw="bold">Judul</Text>}
               placeholder="Masukkan judul program"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
index dd045c94..dcc6470e 100644
--- a/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/pendidikan-non-formal/tujuan-program/page.tsx
@@ -85,6 +85,7 @@ function Page() {
                 fw="bold"
                 c={colors['blue-button']}
                 dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
               <Divider my="md" color={colors['blue-button']} />
 
@@ -95,6 +96,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
index 5f1a1e53..9bc49bde 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx
@@ -140,7 +140,7 @@ function EditPerpustakaanDigital() {
           <TextInput
             label="Judul"
             placeholder="Masukkan judul"
-            value={formData.judul}
+            defaultValue={formData.judul}
             onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
index c1039731..437c2da4 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx
@@ -72,7 +72,7 @@ function DetailDataPerpustakaan() {
 
               <Box>
                 <Text fz="lg" fw="bold">Deskripsi</Text>
-                <Text fz="md" dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }} />
+                <Text fz="md" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }} />
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
index edcce751..00cfed3d 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx
@@ -80,7 +80,7 @@ function CreateDataPerpustakaan() {
           <TextInput
             label={<Text fw="bold" fz="sm">Judul</Text>}
             placeholder='Masukkan judul'
-            value={createState.create.form.judul}
+            defaultValue={createState.create.form.judul}
             onChange={(val) => {
               createState.create.form.judul = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
index d7f49ded..fc9cd43d 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx
@@ -76,7 +76,7 @@ function EditKategoriBuku() {
           <TextInput
             label="Nama Kategori Buku"
             placeholder="Masukkan nama kategori buku"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             required
           />
diff --git a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
index 0eb655aa..73ce3608 100644
--- a/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx
@@ -49,7 +49,7 @@ function CreateKategoriBuku() {
           <TextInput
             label={<Text fw="bold" fz="sm">Nama Kategori Buku</Text>}
             placeholder='Masukkan nama kategori buku'
-            value={createState.create.form.name}
+            defaultValue={createState.create.form.name}
             onChange={(val) => {
               createState.create.form.name = val.target.value;
             }}
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
index a444bd43..5ba4ddcb 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/edit/page.tsx
@@ -122,7 +122,7 @@ function EditTujuanProgram() {
             <TextInput
               label={<Text fw="bold">Judul</Text>}
               placeholder="Masukkan judul program"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
index 3bb0c725..57a19af4 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/program-unggulan/page.tsx
@@ -71,6 +71,7 @@ function Page() {
                 fw="bold"
                 c={colors['blue-button']}
                 dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
               <Divider my="md" color={colors['blue-button']} />
 
@@ -81,6 +82,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
index d2b0ca22..9898b53c 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/edit/page.tsx
@@ -112,7 +112,7 @@ function EditTujuanProgram() {
             <TextInput
               label={<Text fz="sm" fw="bold">Judul</Text>}
               placeholder="Masukkan judul program"
-              value={judul}
+              defaultValue={judul}
               onChange={(e) => setJudul(e.currentTarget.value)}
               error={!judul && 'Judul wajib diisi'}
             />
diff --git a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
index 63562537..d003433d 100644
--- a/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
+++ b/src/app/admin/(dashboard)/pendidikan/program-pendidikan-anak/tujuan-program/page.tsx
@@ -71,6 +71,7 @@ function Page() {
                 fw="bold"
                 c={colors['blue-button']}
                 dangerouslySetInnerHTML={{ __html: data.judul }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
               <Divider my="md" color={colors['blue-button']} />
 
@@ -81,6 +82,7 @@ function Page() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{ wordBreak: "break-word", whiteSpace: "normal" }}
               />
             </Stack>
           </Box>
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
index c61cca2a..4d1f2555 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/edit/page.tsx
@@ -97,7 +97,7 @@ function EditDaftarInformasiPublik() {
           <TextInput
             label="Jenis Informasi"
             placeholder="Masukkan jenis informasi"
-            value={formData.jenisInformasi}
+            defaultValue={formData.jenisInformasi}
             onChange={(val) => {
               setFormData({
                 ...formData,
@@ -124,7 +124,7 @@ function EditDaftarInformasiPublik() {
             type="date"
             label="Tanggal Publikasi"
             placeholder="Pilih tanggal publikasi"
-            value={formatDateForInput(formData.tanggal)}
+            defaultValue={formatDateForInput(formData.tanggal)}
             onChange={(val) => {
               setFormData({
                 ...formData,
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
index dab10166..81325ba4 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
@@ -88,6 +88,7 @@ function DetailDaftarInformasiPublik() {
                   c="dimmed" 
                   dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
                   className="prose max-w-none"
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </Box>
 
diff --git a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
index 626f0020..aadfe5d0 100644
--- a/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/create/page.tsx
@@ -68,7 +68,7 @@ export default function CreateDaftarInformasi() {
             </Text>
             <TextInput
               placeholder="Contoh: Profil Desa, Laporan Keuangan, dll"
-              value={daftarInformasi.create.form.jenisInformasi}
+              defaultValue={daftarInformasi.create.form.jenisInformasi}
               onChange={(e) => {
                 daftarInformasi.create.form.jenisInformasi = e.target.value;
               }}
@@ -96,7 +96,7 @@ export default function CreateDaftarInformasi() {
             </Text>
             <TextInput
               type="date"
-              value={daftarInformasi.create.form.tanggal}
+              defaultValue={daftarInformasi.create.form.tanggal}
               onChange={(e) => {
                 daftarInformasi.create.form.tanggal = e.target.value;
               }}
diff --git a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
index 2ae90bba..520a5111 100644
--- a/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
@@ -69,6 +69,7 @@ function Page() {
                   fw="bold" 
                   c={colors['blue-button']}
                   dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.judul }} 
+                  style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                 />
               </GridCol>
             </Grid>
@@ -78,11 +79,7 @@ function Page() {
             <Box 
               className="prose max-w-none"
               dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.content }}
-              style={{
-                fontSize: '1.1rem',
-                lineHeight: 1.7,
-                textAlign: 'justify'
-              }}
+              style={{ wordBreak: "break-word", whiteSpace: "normal", fontSize: '1.1rem', lineHeight: 1.7, textAlign: 'justify' }}
             />
           </Box>
         </Paper>
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
index 2be25c2d..6f323788 100644
--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/[id]/edit/page.tsx
@@ -1,13 +1,13 @@
 'use client'
 /* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect, useState } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Title, TextInput, Text, Select, Tooltip } from '@mantine/core';
-import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
 import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Select, Stack, TextInput, Title, Tooltip } from '@mantine/core';
+import { IconArrowBack, IconDeviceFloppy } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
 
 interface FormResponden {
   name: string;
@@ -100,14 +100,10 @@ function EditResponden() {
       >
         <Stack gap="md">
           <TextInput
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Nama Responden
-              </Text>
-            }
+            label="Nama Responden"
             type='text'
             placeholder="Masukkan nama responden"
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(val) => {
               setFormData({
                 ...formData,
@@ -118,14 +114,10 @@ function EditResponden() {
             required
           />
           <TextInput
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Tanggal
-              </Text>
-            }
+            label="Tanggal"
             type="date"
             placeholder='Pilih tanggal'
-            value={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
+            defaultValue={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
             onChange={(e) => {
               const selectedDate = e.currentTarget.value;
               setFormData({
@@ -138,11 +130,7 @@ function EditResponden() {
           />
           <Select
             key="jenisKelamin"
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Jenis Kelamin
-              </Text>
-            }
+            label="Jenis Kelamin"
             placeholder="Pilih jenis kelamin"
             value={formData.jenisKelaminId}
             onChange={(val) => setFormData({ ...formData, jenisKelaminId: val || "" })}
@@ -165,11 +153,7 @@ function EditResponden() {
             key="rating"
             value={formData.ratingId}
             onChange={(val) => setFormData({ ...formData, ratingId: val || "" })}
-            label={
-              <Text fw="bold" fz="sm" mb={4}>
-                Rating
-              </Text>
-            }
+            label="Rating"
             placeholder='Pilih rating'
             data={
               (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
@@ -191,7 +175,7 @@ function EditResponden() {
             key={"kelompokUmur"}
             value={formData.kelompokUmurId}
             onChange={(val) => setFormData({ ...formData, kelompokUmurId: val || "" })}
-            label={<Text fw={"bold"} fz={"sm"}>Kelompok Umur</Text>}
+            label="Kelompok Umur"
             placeholder='Pilih kelompok umur'
             data={
               (indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
diff --git a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/create/page.tsx b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/create/page.tsx
index 9feb87e7..7056c869 100644
--- a/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/ikm-desa-darmasaba/responden/create/page.tsx
@@ -64,7 +64,7 @@ function RespondenCreate() {
             label="Nama"
             type='text'
             placeholder="masukkan nama"
-            value={stategrafikBerdasarkanResponden.create.form.name}
+            defaultValue={stategrafikBerdasarkanResponden.create.form.name}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.name = val.currentTarget.value;
             }}
@@ -73,7 +73,7 @@ function RespondenCreate() {
             label="Tanggal"
             type="date"
             placeholder="masukkan tanggal"
-            value={stategrafikBerdasarkanResponden.create.form.tanggal}
+            defaultValue={stategrafikBerdasarkanResponden.create.form.tanggal}
             onChange={(val) => {
               stategrafikBerdasarkanResponden.create.form.tanggal = val.currentTarget.value;
             }}
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
index 660cfb48..1918e63b 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx
@@ -78,15 +78,17 @@ function Page() {
                           <div 
                             style={{ 
                               maxWidth: '300px',
-                              whiteSpace: 'nowrap',
                               overflow: 'hidden',
-                              textOverflow: 'ellipsis' 
+                              textOverflow: 'ellipsis', 
+                              wordBreak: "break-word",
+                              whiteSpace: "normal" 
                             }}
                             dangerouslySetInnerHTML={{ 
                               __html: item.alasan ? 
                                 item.alasan.replace(/<[^>]*>?/gm, '').substring(0, 50) + '...' : 
                                 '-' 
                             }} 
+                            
                           />
                         </Tooltip>
                       </TableTd>
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx
index babed390..37b2def2 100644
--- a/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx
@@ -175,7 +175,7 @@ function EditProfilePPID() {
             <TextInput
               label={<Text fw="bold">Nama Perbekel</Text>}
               placeholder="Masukkan nama perbekel"
-              value={allState.editForm.form.name}
+              defaultValue={allState.editForm.form.name}
               onChange={(e) => handleFieldChange('name', e.currentTarget.value)}
               error={!allState.editForm.form.name && "Nama wajib diisi"}
             />
diff --git a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
index 79dab2db..a7bc90e9 100644
--- a/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
@@ -97,25 +97,25 @@ function Page() {
               
               <Box mt="lg">
                 <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Biodata</Text>
-                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} dangerouslySetInnerHTML={{ __html: item.biodata }} />
+                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}}  dangerouslySetInnerHTML={{ __html: item.biodata }} />
               </Box>
               
               <Box mt="xl">
                 <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Riwayat Karir</Text>
-                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} dangerouslySetInnerHTML={{ __html: item.riwayat }} />
+                <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.riwayat }} />
               </Box>
               
               <Box mt="xl">
                 <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Pengalaman Organisasi</Text>
                 <Box px={20}>
-                  <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} dangerouslySetInnerHTML={{ __html: item.pengalaman }} />
+                  <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.pengalaman }} />
                 </Box>
               </Box>
               
               <Box mt="xl" mb="lg">
                 <Text fz={{ base: "1.125rem", md: "1.5rem" }} fw="bold" mb={4}>Program Kerja Unggulan</Text>
                 <Box px={20}>
-                  <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} dangerouslySetInnerHTML={{ __html: item.unggulan }} />
+                  <Text fz={{ base: "1rem", md: "1.4rem" }} ta="justify" c={colors['blue-button']} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.unggulan }} />
                 </Box>
               </Box>
             </Box>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
index b7dd46aa..b8d74487 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/edit/page.tsx
@@ -159,23 +159,19 @@ export default function EditPegawaiPPID() {
       >
         <Stack gap="md">
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Nama Lengkap
-            </Text>
             <TextInput
+              label="Nama Lengkap"
               placeholder="Masukkan nama lengkap"
-              value={formData.namaLengkap}
+              defaultValue={formData.namaLengkap}
               onChange={(e) => setFormData({ ...formData, namaLengkap: e.target.value })}
               required
             />
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gelar Akademik
-            </Text>
             <TextInput
+              label="Gelar Akademik"
               placeholder="Contoh: S.Kom"
-              value={formData.gelarAkademik}
+              defaultValue={formData.gelarAkademik}
               onChange={(e) => setFormData({ ...formData, gelarAkademik: e.target.value })}
             />
           </Box>
@@ -231,44 +227,36 @@ export default function EditPegawaiPPID() {
             )}
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Tanggal Masuk
-            </Text>
             <TextInput
+              label="Tanggal Masuk"
               type="date"
               placeholder="Contoh: 2022-01-01"
-              value={formatDateForInput(formData.tanggalMasuk)}
+              defaultValue={formatDateForInput(formData.tanggalMasuk)}
               onChange={(e) => setFormData({ ...formData, tanggalMasuk: e.target.value })}
             />
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Email
-            </Text>
             <TextInput
+              label="Email"
               type="email"
               placeholder="contoh@email.com"
-              value={formData.email}
+              defaultValue={formData.email}
               onChange={(e) => setFormData({ ...formData, email: e.target.value })}
             />
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Telepon
-            </Text>
             <TextInput
+              label="Telepon"
               placeholder="08123456789"
-              value={formData.telepon}
+              defaultValue={formData.telepon}
               onChange={(e) => setFormData({ ...formData, telepon: e.target.value })}
             />
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Alamat
-            </Text>
             <TextInput
+              label="Alamat"
               placeholder="Jl. Contoh No. 123"
-              value={formData.alamat}
+              defaultValue={formData.alamat}
               onChange={(e) => setFormData({ ...formData, alamat: e.target.value })}
             />
           </Box>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
index f6edba65..c1aa277d 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/[id]/page.tsx
@@ -64,7 +64,7 @@ function DetailPegawai() {
             <Stack gap="md">
               <Box>
                 <Text fz="lg" fw="bold">Nama Lengkap</Text>
-                <Text fz="md" c="dimmed">
+                <Text fz="md" c="dimmed" style={{wordBreak: "break-word", whiteSpace: "normal"}}>
                   {data.namaLengkap || '-'} {data.gelarAkademik || ''}
                 </Text>
               </Box>
@@ -86,7 +86,7 @@ function DetailPegawai() {
 
               <Box>
                 <Text fz="lg" fw="bold">Alamat</Text>
-                <Text fz="md" c="dimmed">{data.alamat || '-'}</Text>
+                <Text fz="md" c="dimmed" style={{wordBreak: "break-word", whiteSpace: "normal"}}>{data.alamat || '-'}</Text>
               </Box>
 
               <Box>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
index 75f09c72..dd689b4d 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/create/page.tsx
@@ -94,23 +94,19 @@ function CreatePegawaiPPID() {
       >
         <Stack gap="md">
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Nama Lengkap
-            </Text>
             <TextInput
+              label="Nama Lengkap"
               placeholder="Masukkan nama lengkap"
-              value={stateOrganisasi.create.form.namaLengkap}
+              defaultValue={stateOrganisasi.create.form.namaLengkap}
               onChange={(e) => (stateOrganisasi.create.form.namaLengkap = e.currentTarget.value)}
               required
             />
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Gelar Akademik
-            </Text>
             <TextInput
+              label="Gelar Akademik"
               placeholder="Contoh: S.Kom"
-              value={stateOrganisasi.create.form.gelarAkademik}
+              defaultValue={stateOrganisasi.create.form.gelarAkademik}
               onChange={(e) => (stateOrganisasi.create.form.gelarAkademik = e.currentTarget.value)}
             />
           </Box>
@@ -189,47 +185,39 @@ function CreatePegawaiPPID() {
             )}
           </Box>
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Tanggal Masuk
-            </Text>
             <TextInput
+              label="Tanggal Masuk"
               type="date"
               placeholder="Contoh: 2022-01-01"
-              value={stateOrganisasi.create.form.tanggalMasuk}
+              defaultValue={stateOrganisasi.create.form.tanggalMasuk}
               onChange={(e) => (stateOrganisasi.create.form.tanggalMasuk = e.currentTarget.value)}
             />
           </Box>
 
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Email
-            </Text>
             <TextInput
+              label="Email"
               type="email"
               placeholder="Contoh: email@example.com"
-              value={stateOrganisasi.create.form.email}
+              defaultValue={stateOrganisasi.create.form.email}
               onChange={(e) => (stateOrganisasi.create.form.email = e.currentTarget.value)}
             />
           </Box>
 
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Nomor Telepon
-            </Text>
             <TextInput
+              label="Nomor Telepon"
               placeholder="Contoh: 08123456789"
-              value={stateOrganisasi.create.form.telepon}
+              defaultValue={stateOrganisasi.create.form.telepon}
               onChange={(e) => (stateOrganisasi.create.form.telepon = e.currentTarget.value)}
             />
           </Box>
 
           <Box>
-            <Text fw="bold" fz="sm" mb={6}>
-              Alamat
-            </Text>
             <TextInput
+              label="Alamat"
               placeholder="Contoh: Jl. Contoh No. 1"
-              value={stateOrganisasi.create.form.alamat}
+              defaultValue={stateOrganisasi.create.form.alamat}
               onChange={(e) => (stateOrganisasi.create.form.alamat = e.currentTarget.value)}
             />
           </Box>
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
index fa100eb4..4d53ff72 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/[id]/page.tsx
@@ -101,7 +101,7 @@ function EditPosisiOrganisasiPPID() {
           <TextInput
             label="Nama Posisi Organisasi"
             placeholder="Masukkan nama posisi organisasi"
-            value={formData.nama}
+            defaultValue={formData.nama}
             onChange={(e) => setFormData({ ...formData, nama: e.target.value })}
             required
           />
@@ -123,7 +123,7 @@ function EditPosisiOrganisasiPPID() {
             type="number"
             min={0}
             placeholder="Contoh: 1 (Angka semakin kecil, posisi semakin tinggi)"
-            value={formData.hierarki}
+            defaultValue={formData.hierarki}
             onChange={(e) => {
               const value = parseInt(e.target.value, 10);
               setFormData({ ...formData, hierarki: isNaN(value) ? 0 : value });
diff --git a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
index 495ea1bc..942e723e 100644
--- a/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/create/page.tsx
@@ -73,7 +73,7 @@ function CreatePosisiOrganisasiPPID() {
           <TextInput
             label="Nama Posisi"
             placeholder="Contoh: Kepala Desa"
-            value={stateOrganisasi.create.form.nama}
+            defaultValue={stateOrganisasi.create.form.nama}
             onChange={(e) => (stateOrganisasi.create.form.nama = e.target.value)}
             required
           />
@@ -95,7 +95,7 @@ function CreatePosisiOrganisasiPPID() {
             type="number"
             min={0}
             placeholder="Contoh: 1 (Angka semakin kecil, posisi semakin tinggi)"
-            value={stateOrganisasi.create.form.hierarki || ''}
+            defaultValue={stateOrganisasi.create.form.hierarki || ''}
             onChange={(e) => {
               const value = parseInt(e.target.value, 10);
               stateOrganisasi.create.form.hierarki = isNaN(value) ? 0 : value;
diff --git a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
index ea659743..3ae5c332 100644
--- a/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
@@ -82,11 +82,7 @@ function VisiMisiPPIDList() {
               <Box 
                 className="prose max-w-none"
                 dangerouslySetInnerHTML={{ __html: listVisiMisi.findById.data.visi }}
-                style={{
-                  fontSize: '1.1rem',
-                  lineHeight: 1.7,
-                  textAlign: 'justify'
-                }}
+                style={{wordBreak: "break-word", whiteSpace: "normal", textAlign: "justify"}}
               />
             </Box>
 
@@ -99,11 +95,7 @@ function VisiMisiPPIDList() {
               <Box 
                 className="prose max-w-none"
                 dangerouslySetInnerHTML={{ __html: listVisiMisi.findById.data.misi }}
-                style={{
-                  fontSize: '1.1rem',
-                  lineHeight: 1.7,
-                  textAlign: 'justify'
-                }}
+                style={{wordBreak: "break-word", whiteSpace: "normal", textAlign: "justify"}}
               />
             </Box>
           </Box>
diff --git a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
index fbe12b85..275b2189 100644
--- a/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/[id]/page.tsx
@@ -84,7 +84,7 @@ function EditRole() {
         <Stack gap={"xs"}>
           <Title order={4}>Edit Role</Title>
           <TextInput
-            value={formData.name}
+            defaultValue={formData.name}
             onChange={(e) => setFormData({ ...formData, name: e.target.value })}
             label={<Text fw={"bold"} fz={"sm"}>Nama Role</Text>}
             placeholder='Masukkan nama role'
diff --git a/src/app/admin/(dashboard)/user&role/role/create/page.tsx b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
index eb28e6bb..7b342f2c 100644
--- a/src/app/admin/(dashboard)/user&role/role/create/page.tsx
+++ b/src/app/admin/(dashboard)/user&role/role/create/page.tsx
@@ -66,7 +66,7 @@ export default function CreateRole() {
             <TextInput
               label="Nama Role"
               placeholder="Masukkan nama role"
-              value={stateRole.create.form.name || ''}
+              defaultValue={stateRole.create.form.name || ''}
               onChange={(e) => (stateRole.create.form.name = e.target.value)}
               required
             />
diff --git a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
index 29dcac13..37ea41a5 100644
--- a/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx
@@ -66,7 +66,7 @@ function Page() {
       </Container>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={"xs"}>
-          <Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.content || '' }} />
+          <Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.content || '' }} />
         </Stack>
       </Box>
     </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx b/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
index c36d069d..903a9c90 100644
--- a/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/video/Content.tsx
@@ -128,6 +128,7 @@ export default function VideoContent() {
                       ta="justify"
                       fz="sm"
                       dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
                     />
                   </Spoiler>
                 </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx
index df8ac6d0..c654bbb5 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/[id]/page.tsx
@@ -107,6 +107,7 @@ function Page() {
             fz={{ base: "md", md: "lg" }}
             c="dark.7"
             ta="justify"
+            style={{wordBreak: "break-word", whiteSpace: "normal"}}
           />
           {data.image2?.link && (
             <Center>
diff --git a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx
index 5cda8f40..9f422c50 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPendudukNonPermanent.tsx
@@ -52,6 +52,7 @@ function PelayananPendudukNonPermanent() {
                 ta="justify"
                 c="dimmed"
                 dangerouslySetInnerHTML={{ __html: data?.deskripsi }}
+                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
             ) : (
               <Text fz="sm" c="gray">Deskripsi belum tersedia.</Text>
diff --git a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx
index 3507063c..8dcad51a 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/_com/pelayananPerizinanBerusaha.tsx
@@ -57,7 +57,7 @@ function PelayananPerizinanBerusaha() {
               </Text>
             </Box>
 
-            <Text fz={{ base: 'sm', md: 'md' }} ta="justify" dangerouslySetInnerHTML={{ __html: data?.deskripsi || '' }} />
+            <Text fz={{ base: 'sm', md: 'md' }} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data?.deskripsi || '' }} />
 
             <Box>
               <Text fw={600} mb="sm" fz={{ base: 'sm', md: 'lg' }}>Alur pendaftaran NIB:</Text>
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
index 037b6327..25bf241a 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/[name]/[id]/page.tsx
@@ -42,7 +42,7 @@ function Page() {
               </Group>
             </Group>
           <Paper bg={colors["white-1"]} p="md">
-            <Text fz={"md"} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
+            <Text fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: detail.data?.content }} />
             <Text fz={"md"} c={colors["blue-button"]} fw="bold" >
               {new Date(detail.data?.createdAt).toLocaleDateString('id-ID', {
                 weekday: 'long',
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
index 218e82bf..f964f519 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
@@ -243,6 +243,7 @@ function Page() {
                         lineClamp={4}
                         dangerouslySetInnerHTML={{ __html: item.deskripsi }}
                         mb="md"
+                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
                       />
                     </div>
                     <div>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
index 0622bcc9..7c0431e7 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
@@ -64,7 +64,7 @@ function LambangDesa() {
               lh={1.8}
               c="dark"
               ta="justify"
-              style={{ fontWeight: 400 }}
+              style={{ fontWeight: 400, wordBreak: "break-word", whiteSpace: "normal", }}
               dangerouslySetInnerHTML={{ __html: data.deskripsi }}
             />
           </Tooltip>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
index da477ecf..3cb9848e 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
@@ -48,6 +48,7 @@ function MaskotDesa() {
             ta="justify"
             c="dark"
             dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+            style={{wordBreak: "break-word", whiteSpace: "normal"}}
           />
 
           <Group justify="center" gap="lg" mt="lg">
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
index e59f4d57..c4fa3541 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
@@ -104,6 +104,7 @@ function ProfilPerbekel() {
                     ta="justify" 
                     lh={1.6}
                     dangerouslySetInnerHTML={{ __html: data.biodata }} 
+                    style={{wordBreak: "break-word", whiteSpace: "normal"}}
                   />
                 </Stack>
               </Tooltip>
@@ -121,6 +122,7 @@ function ProfilPerbekel() {
                     ta="justify" 
                     lh={1.6}
                     dangerouslySetInnerHTML={{ __html: data.pengalaman }} 
+                    style={{wordBreak: "break-word", whiteSpace: "normal"}}
                   />
                 </Stack>
               </Tooltip>
@@ -148,6 +150,7 @@ function ProfilPerbekel() {
               ta="justify" 
               lh={1.6}
               dangerouslySetInnerHTML={{ __html: data.pengalamanOrganisasi }} 
+              style={{wordBreak: "break-word", whiteSpace: "normal"}}
             />
           </Box>
 
@@ -162,6 +165,7 @@ function ProfilPerbekel() {
                 ta="justify" 
                 lh={1.6}
                 dangerouslySetInnerHTML={{ __html: data.programUnggulan }} 
+                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
             </Box>
           </Box>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
index 0fab6754..185f4606 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
@@ -64,7 +64,7 @@ function SejarahDesa() {
               fz={{ base: 'md', md: 'lg' }}
               lh={1.8}
               ta="justify"
-              style={{ color: '#2a2a2a' }}
+              style={{ color: '#2a2a2a', wordBreak: "break-word", whiteSpace: "normal" }}
               dangerouslySetInnerHTML={{ __html: data.deskripsi }}
             />
           </Stack>
diff --git a/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx b/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
index cf8111f5..b8a15c93 100644
--- a/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
@@ -59,6 +59,7 @@ function VisiMisiDesa() {
             fw={500}
             lh={1.6}
             dangerouslySetInnerHTML={{ __html: data.visi }}
+            style={{wordBreak: "break-word", whiteSpace: "normal"}}
           />
         </Paper>
 
@@ -86,6 +87,7 @@ function VisiMisiDesa() {
             fw={500}
             lh={1.6}
             dangerouslySetInnerHTML={{ __html: data.misi }}
+            style={{wordBreak: "break-word", whiteSpace: "normal"}}
           />
         </Paper>
       </Stack>
diff --git a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
index 5522d54e..0cadea32 100644
--- a/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/program-kemiskinan/page.tsx
@@ -107,7 +107,7 @@ function Page() {
               return (
                 <Paper p={'xl'} key={v.id}>
                   <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.nama}</Text>
-                  <Text fz={'lg'} c={'black'} dangerouslySetInnerHTML={{ __html: v.deskripsi }}></Text>
+                  <Text fz={'lg'} c={'black'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }}></Text>
                 </Paper>
               )
             })}
diff --git a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
index b62283cb..593adfda 100644
--- a/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -45,7 +45,7 @@ function Page() {
             return (
               <Paper p={'xl'} key={k}>
                 <Text fw={'bold'} fz={'h4'}>{v.name}</Text>
-                <Text fz={'h4'} ta={'justify'} dangerouslySetInnerHTML={{ __html: v.description || '' }} />
+                <Text fz={'h4'} ta={'justify'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.description || '' }} />
               </Paper>
             )
           })}
diff --git a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
index ecaf2a91..054b3633 100644
--- a/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/desa-digital-smart-village/page.tsx
@@ -73,7 +73,7 @@ function Page() {
                   <Image src={v.image.link? v.image.link : ''} pb={10} radius={10} alt='' loading="lazy"/>
                   <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.name}</Text>
                   <Box>
-                    <Text fz={"md"} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                    <Text fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                   </Box>
                 </Paper>
               )
diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
index 7bda4660..6a36f0f2 100644
--- a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -74,7 +74,7 @@ function Page() {
                   <Image src={v.image.link || ''} pb={10} radius={10} alt='' loading="lazy"/>
                   <Text fz={'h3'} fw={'bold'} c={colors['blue-button']}>{v.name}</Text>
                   <Box pr={'lg'} pb={10}>
-                    <Text fz={'h4'} fw={'bold'} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                    <Text fz={'h4'} fw={'bold'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                   </Box>
                 </Paper>
               )
diff --git a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx
index 5dc168ec..9538a594 100644
--- a/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/layanan-online-desa/informasi-desa/page.tsx
@@ -57,7 +57,7 @@ function InformasiDesa() {
                   <Box>
                     <Text fz="sm" c="dimmed">{dataBerita.kategoriBerita?.name} • {dayjs(dataBerita.createdAt).fromNow()}</Text>
                     <Title order={1} fw="bold">{dataBerita.judul}</Title>
-                    <Text ta={"justify"} mt="xs" fz="md" dangerouslySetInnerHTML={{ __html: dataBerita.content }} />
+                    <Text ta={"justify"} mt="xs" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: dataBerita.content }} />
                   </Box>
                 </GridCol>
               </Grid>
@@ -104,7 +104,7 @@ function InformasiDesa() {
                     <Title order={1} fw="bold">{dataPengumuman.judul}</Title>
                     <Text fz="sm" c="dimmed">{dataPengumuman.CategoryPengumuman?.name} • {dayjs(dataPengumuman.createdAt).fromNow()}</Text>
                     <Box>
-                      <Text ta={"justify"} mt="xs" fz="md" dangerouslySetInnerHTML={{ __html: dataPengumuman.content }} />
+                      <Text ta={"justify"} mt="xs" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: dataPengumuman.content }} />
                     </Box>
                   </Stack>
                 </Paper>
diff --git a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx
index 67fc2549..3d97e426 100644
--- a/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/inovasi/program-kreatif-desa/[id]/page.tsx
@@ -84,6 +84,7 @@ function Page() {
               fz="md"
               c="dimmed"
               dangerouslySetInnerHTML={{ __html: data?.deskripsi || '-' }}
+              style={{wordBreak: "break-word", whiteSpace: "normal"}}
             />
           </Box>
         </Stack>
diff --git a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index b8846f90..2d866b1c 100644
--- a/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -80,7 +80,7 @@ function Page() {
                         <Text pb={10} c={colors["blue-button"]} fw={"bold"} fz={"h3"}>
                           {v.name}
                         </Text>
-                        <Text pb={10} fz={"h4"} ta={'justify'} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                        <Text pb={10} fz={"h4"} ta={'justify'} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                       </Box>
                     </Box>
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx b/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx
index 0b9242eb..fbf8a42d 100644
--- a/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/laporan-publik/[id]/page.tsx
@@ -120,7 +120,7 @@ function Page() {
 
               <Box>
                 <Text fw={600} fz="lg" >Kronologi</Text>
-                <Text fz="sm" c="dimmed" dangerouslySetInnerHTML={{ __html: data.kronologi || '-' }} />
+                <Text fz="sm" c="dimmed" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.kronologi || '-' }} />
               </Box>
 
               <Divider />
@@ -142,6 +142,7 @@ function Page() {
                           fz="sm"
                           c="dimmed"
                           dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                          style={{wordBreak: "break-word", whiteSpace: "normal"}}
                         />
                       </Paper>
                     ))}
diff --git a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
index dd209346..0cd48574 100644
--- a/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/laporan-publik/page.tsx
@@ -130,6 +130,7 @@ function Page() {
                               fz="md"
                               c="dimmed"
                               dangerouslySetInnerHTML={{ __html: item.deskripsi || '-' }}
+                              style={{wordBreak: "break-word", whiteSpace: "normal"}}
                             />
                           </Box>
                         ))
@@ -191,7 +192,7 @@ function Page() {
         >
           <Stack gap="md">
             <TextInput
-              value={stateLaporan.create.form.judul}
+              defaultValue={stateLaporan.create.form.judul}
               onChange={(e) => (stateLaporan.create.form.judul = e.target.value)}
               label={<Text fw="bold" fz="sm">Judul Laporan Publik</Text>}
               placeholder="Masukkan judul laporan publik"
@@ -199,7 +200,7 @@ function Page() {
             />
 
             <TextInput
-              value={stateLaporan.create.form.lokasi}
+              defaultValue={stateLaporan.create.form.lokasi}
               onChange={(e) => (stateLaporan.create.form.lokasi = e.target.value)}
               label={<Text fw="bold" fz="sm">Lokasi Laporan Publik</Text>}
               placeholder="Masukkan lokasi laporan publik"
@@ -208,7 +209,7 @@ function Page() {
 
             <DateTimePicker
               label={<Text fw="bold" fz="sm">Tanggal Laporan Publik</Text>}
-              value={
+              defaultValue={
                 stateLaporan.create.form.tanggalWaktu
                   ? new Date(stateLaporan.create.form.tanggalWaktu)
                   : null
diff --git a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/[id]/page.tsx b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
index 6d1ff9a1..0ffe5d5b 100644
--- a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/[id]/page.tsx
@@ -77,7 +77,7 @@ function DetailPencegahanKriminalitas() {
               <Stack gap={4}>
                 <Text fz="sm" c="dimmed">Deskripsi Singkat</Text>
                 {data?.deskripsiSingkat ? (
-                  <Text fz="md" dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
+                  <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
                 ) : (
                   <Text fz="sm" c="dimmed">Belum ada deskripsi singkat</Text>
                 )}
@@ -86,7 +86,7 @@ function DetailPencegahanKriminalitas() {
               <Stack gap={4}>
                 <Text fz="sm" c="dimmed">Deskripsi Lengkap</Text>
                 {data?.deskripsi ? (
-                  <Text fz="md" dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
+                  <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
                 ) : (
                   <Text fz="sm" c="dimmed">Belum ada deskripsi</Text>
                 )}
diff --git a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
index 39908b59..bf81ca38 100644
--- a/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/program-lainnya/page.tsx
@@ -82,6 +82,7 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
                   c="dimmed"
                   lineClamp={2}
                   dangerouslySetInnerHTML={{ __html: item.deskripsiSingkat || '' }}
+                  style={{wordBreak: "break-word", whiteSpace: "normal"}}
                 />
                 <Group justify="flex-end" mt="sm">
                   <Tooltip label="Lihat detail program" withArrow>
diff --git a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
index 6adbdfe3..e4709396 100644
--- a/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx
@@ -82,7 +82,7 @@ function Page() {
                           {v.judul}
                         </Text>
                         <Box>
-                          <Text pb={10} fz={"md"} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                          <Text pb={10} fz={"md"} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                         </Box>
                       </Box>
                     </Box>
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
index c989a0be..dc1301f2 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
@@ -87,19 +87,19 @@ function Page() {
                     <Text fz="h4" fw="bold">Kenali Gejala DBD</Text>
                     <Divider my="xs" />
                     <Text fz="md" fw="semibold">{state.findUnique.data.symptom?.title}</Text>
-                    <Text fz="md" lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.symptom?.content }} />
+                    <Text fz="md" lh={1.6} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.symptom?.content }} />
                   </Box>
 
                   <Box>
                     <Text fz="h4" fw="bold">{state.findUnique.data.prevention?.title}</Text>
                     <Divider my="xs" />
-                    <Text fz="md" lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.prevention?.content }} />
+                    <Text fz="md" lh={1.6} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.prevention?.content }} />
                   </Box>
 
                   <Box>
                     <Text fz="h4" fw="bold">{state.findUnique.data.firstaid?.title}</Text>
                     <Divider my="xs" />
-                    <Text fz="md" lh={1.6} ta="justify" dangerouslySetInnerHTML={{ __html: state.findUnique.data.firstaid?.content }} />
+                    <Text fz="md" lh={1.6} ta="justify" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.firstaid?.content }} />
                   </Box>
 
                   <Box>
@@ -117,10 +117,10 @@ function Page() {
                           {state.findUnique.data?.mythvsfact ? (
                             <TableTr>
                               <TableTd>
-                                <Text fz="sm" lh={1.6} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.mitos }} />
+                                <Text fz="sm" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.mitos }} />
                               </TableTd>
                               <TableTd>
-                                <Text fz="sm" lh={1.6} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.fakta }} />
+                                <Text fz="sm" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.mythvsfact.fakta }} />
                               </TableTd>
                             </TableTr>
                           ) : (
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
index 8c1500ab..70042d4d 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
@@ -183,7 +183,7 @@ function Page() {
                 <Title order={4}>Layanan Unggulan</Title>
                 <Divider />
                 {layananUnggulan ? (
-                  <Text fz="md" style={{ lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: layananUnggulan }} />
+                  <Text fz="md" style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: layananUnggulan }} />
                 ) : (
                   <Paper withBorder radius="md" p="md">
                     <Group gap="sm">
@@ -260,7 +260,7 @@ function Page() {
                 <Title order={3}>Fasilitas Pendukung</Title>
                 <Divider />
                 {fasilitasPendukungHtml ? (
-                  <Text fz="md" style={{ lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
+                  <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: fasilitasPendukungHtml }} />
                 ) : (
                   <Paper withBorder radius="md" p="md">
                     <Group gap="sm">
@@ -320,7 +320,7 @@ function Page() {
             <Title order={3}>Prosedur Pendaftaran</Title>
             <Divider />
             {prosedur ? (
-              <Text fz="md" style={{ lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} />
+              <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal", lineHeight: 1.7 }} dangerouslySetInnerHTML={{ __html: prosedur }} />
             ) : (
               <Text fz="md" c="dimmed">Belum ada prosedur pendaftaran</Text>
             )}
diff --git a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
index ac54f30d..129c00fc 100644
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/[id]/page.tsx
@@ -66,25 +66,25 @@ function Page() {
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Deskripsi Kegiatan</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsijadwalkegiatan.deskripsi }} />
+                  <Text ta="justify" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsijadwalkegiatan.deskripsi }} />
                 </Stack>
 
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Layanan yang Tersedia</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" dangerouslySetInnerHTML={{ __html: state.findUnique.data.layananjadwalkegiatan.content }} />
+                  <Text ta="justify" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.layananjadwalkegiatan.content }} />
                 </Stack>
 
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Syarat & Ketentuan</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" dangerouslySetInnerHTML={{ __html: state.findUnique.data.syaratketentuanjadwalkegiatan.content }} />
+                  <Text ta="justify" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.syaratketentuanjadwalkegiatan.content }} />
                 </Stack>
 
                 <Stack gap="sm">
                   <Text fz="lg" fw="bold">Dokumen yang Perlu Dibawa</Text>
                   <Divider />
-                  <Text ta="justify" fz="md" dangerouslySetInnerHTML={{ __html: state.findUnique.data.dokumenjadwalkegiatan.content }} />
+                  <Text ta="justify" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: state.findUnique.data.dokumenjadwalkegiatan.content }} />
                 </Stack>
 
                 <CreatePendaftaran />
diff --git a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
index 0ac6874c..d57913e3 100644
--- a/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
@@ -143,6 +143,7 @@ function Page() {
                         dangerouslySetInnerHTML={{
                           __html: v.deskripsiLengkap,
                         }}
+                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
                       />
                     </HoverCard.Dropdown>
                   </HoverCard>
diff --git a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
index aa19062a..216cd3d8 100644
--- a/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
@@ -113,7 +113,7 @@ function Page() {
                     {v.name}
                   </Text>
                   <Text fz="sm" c="dimmed" ta="center" lineClamp={3}>
-                    <span dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
+                    <span style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
                   </Text>
                   <Badge
                     color="blue"
diff --git a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
index 17b83e42..264edec7 100644
--- a/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
@@ -127,6 +127,7 @@ function Page() {
                         c="dimmed"
                         lineClamp={4}
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
                       />
                     </Box>
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
index 4f80a440..36fb6ee2 100644
--- a/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
@@ -111,7 +111,7 @@ export default function Page() {
                     <IconCalendar size={18} stroke={1.5} />
                     <Text fz="sm" c="dimmed">
                       Jadwal:{" "}
-                      <span dangerouslySetInnerHTML={{ __html: v.jadwalPelayanan }} />
+                      <span style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.jadwalPelayanan }} />
                     </Text>
                   </Flex>
                   <Spoiler
@@ -124,6 +124,7 @@ export default function Page() {
                       fz="sm"
                       lh={1.5}
                       dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
                     />
                   </Spoiler>
                 </Stack>
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
index e40a6088..1d387b83 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx
@@ -64,6 +64,7 @@ function Page() {
               fz="md"
               lh={1.6}
               dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsi }}
+              style={{wordBreak: "break-word", whiteSpace: "normal"}}
             />
           </Box>
           <Group gap="xl">
diff --git a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
index 6b58c9d6..d92f71cb 100644
--- a/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
@@ -147,6 +147,7 @@ export default function Page() {
                         c="dimmed"
                         lineClamp={3}
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
                       />
                       <Group justify="space-between" mt="md">
                         <Group gap="xs">
diff --git a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
index b40ea743..b6cb00ce 100644
--- a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx
@@ -104,7 +104,7 @@ function Page() {
                 <Text fw="bold" fz="xl" c={colors['blue-button']}>
                 ± {item.jumlah}
                 </Text>
-                <Text ta="center" fz="md" c={"black"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                <Text ta="center" fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} c={"black"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                 <Badge variant="gradient" gradient={{ from: '#1C6EA4', to: '#69C0FF' }} size="sm">
                   {item.name}
                 </Badge>
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
index 788730e3..d267fcee 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx
@@ -70,7 +70,7 @@ function Page() {
       </Container>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={"xs"}>
-          <Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.deskripsiLengkap || '' }} />
+          <Text py={20} style={{wordBreak: "break-word", whiteSpace: "normal"}} fz={{ base: "sm", md: "lg" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: state.findUnique.data?.deskripsiLengkap || '' }} />
         </Stack>
       </Box>
     </Stack>
diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/content.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/content.tsx
index 1c38fa7d..0ee32b67 100644
--- a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/content.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/content.tsx
@@ -135,7 +135,7 @@ export default function Content({ kategori }: { kategori: string }) {
                     {item.kategoriKegiatan?.nama || kategori}
                   </Badge>
                   <Text fw={600} size="lg" mt="sm" lineClamp={2}>{item.judul}</Text>
-                  <Text size="sm" color="dimmed" lineClamp={3} mt="xs" dangerouslySetInnerHTML={{ __html: item.deskripsiLengkap }} />
+                  <Text size="sm" color="dimmed" lineClamp={3} style={{wordBreak: "break-word", whiteSpace: "normal"}} mt="xs" dangerouslySetInnerHTML={{ __html: item.deskripsiLengkap }} />
                   <Group justify="apart" mt="md" gap="xs">
                     <Text size="xs" color="dimmed">
                       {new Date(item.createdAt).toLocaleDateString('id-ID', {
diff --git a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx
index 1922f7d1..1e33d357 100644
--- a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/[id]/page.tsx
@@ -100,6 +100,7 @@ function Page() {
                 lh={1.7}
                 ta="justify"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi }}
+                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
             ) : (
               <Text c="dimmed" fz="sm" ta="center">
diff --git a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
index 85fbf4bf..3e79b11f 100644
--- a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx
@@ -59,7 +59,7 @@ function Page() {
                   </Box>
                 </Tooltip>
               </Box>
-              <Text fz="md" lh={1.6} dangerouslySetInnerHTML={{ __html: stateTujuanProgram.findById.data?.deskripsi }} />
+              <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} lh={1.6} dangerouslySetInnerHTML={{ __html: stateTujuanProgram.findById.data?.deskripsi }} />
             </Stack>
           </Paper>
           <Paper p="xl" radius="lg" shadow="md" withBorder bg={colors['white-trans-1']}>
@@ -74,7 +74,7 @@ function Page() {
                   </Box>
                 </Tooltip>
               </Box>
-              <Text fz="md" lh={1.6} dangerouslySetInnerHTML={{ __html: stateLokasiDanJadwal.findById.data?.deskripsi }} />
+              <Text fz="md" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateLokasiDanJadwal.findById.data?.deskripsi }} />
             </Stack>
           </Paper>
           <Paper p="xl" radius="lg" shadow="md" withBorder bg={colors['white-trans-1']}>
@@ -89,7 +89,7 @@ function Page() {
                   </Box>
                 </Tooltip>
               </Box>
-              <Text fz="md" lh={1.6} dangerouslySetInnerHTML={{ __html: stateFasilitas.findById.data?.deskripsi }} />
+              <Text fz="md" lh={1.6} style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateFasilitas.findById.data?.deskripsi }} />
             </Stack>
           </Paper>
         </SimpleGrid>
diff --git a/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx b/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx
index baf99156..75bb297c 100644
--- a/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx
@@ -65,7 +65,7 @@ function Page() {
                   Tujuan Program
                 </Title>
               </Tooltip>
-              <Text fz="md" lh={1.7} c="dark" dangerouslySetInnerHTML={{ __html: stateTujuanPendidikanNonFormal.findById.data?.deskripsi }} />
+              <Text fz="md" lh={1.7} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateTujuanPendidikanNonFormal.findById.data?.deskripsi }} />
             </Stack>
           </Paper>
           <Paper
@@ -82,7 +82,7 @@ function Page() {
                   Tempat Kegiatan
                 </Title>
               </Tooltip>
-              <Text fz="md" lh={1.7} c="dark" dangerouslySetInnerHTML={{ __html: stateTempatKegiatan.findById.data?.deskripsi }} />
+              <Text fz="md" style={{wordBreak: "break-word", whiteSpace: "normal"}} lh={1.7} c="dark" dangerouslySetInnerHTML={{ __html: stateTempatKegiatan.findById.data?.deskripsi }} />
             </Stack>
           </Paper>
         </SimpleGrid>
@@ -101,7 +101,7 @@ function Page() {
                   Jenis Program yang Diselenggarakan
                 </Title>
               </Tooltip>
-              <Text fz="md" lh={1.7} c="dark" dangerouslySetInnerHTML={{ __html: stateJenisProgram.findById.data?.deskripsi }} />
+              <Text fz="md" lh={1.7} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateJenisProgram.findById.data?.deskripsi }} />
             </Stack>
           </Paper>
         </Box>
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
index 9c41fb3d..6b4bb90e 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/[kategoriBuku]/content.tsx
@@ -153,6 +153,7 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
                         lh={1.5}
                         c="dimmed"
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
                       />
                     </Spoiler>
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx
index 40a98660..e9c5294e 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/semua/content.tsx
@@ -148,6 +148,7 @@ function Content({ searchQuery }: ContentProps) {
                         lh={1.5}
                         c="dimmed"
                         dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                        style={{wordBreak: "break-word", whiteSpace: "normal"}}
                       />
                     </Spoiler>
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx b/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
index 3dcac57c..d5ebb162 100644
--- a/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx
@@ -66,7 +66,7 @@ function Page() {
                 </Title>
               </Group>
               <Tooltip label="Detail tujuan program pendidikan anak" position="top-start" withArrow>
-                <Text fz="lg" lh={1.6} c="dark" dangerouslySetInnerHTML={{ __html: stateTujuan.findById.data?.deskripsi }} />
+                <Text fz="lg" lh={1.6} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateTujuan.findById.data?.deskripsi }} />
               </Tooltip>
             </Stack>
           </Paper>
@@ -87,7 +87,7 @@ function Page() {
                 </Title>
               </Group>
               <Tooltip label="Detail program unggulan yang sedang berjalan" position="top-start" withArrow>
-                <Text fz="lg" lh={1.6} c="dark" dangerouslySetInnerHTML={{ __html: stateUnggulan.findById.data?.deskripsi }} />
+                <Text fz="lg" lh={1.6} c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: stateUnggulan.findById.data?.deskripsi }} />
               </Tooltip>
             </Stack>
           </Paper>
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
index 42b22bec..23c2cee6 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/[id]/page.tsx
@@ -118,6 +118,7 @@ export default function DetailInformasiPublikUser() {
               <Box
                 className="prose max-w-none leading-relaxed"
                 dangerouslySetInnerHTML={{ __html: data.deskripsi || '-' }}
+                style={{wordBreak: "break-word", whiteSpace: "normal"}}
               />
             </Box>
           </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
index 1465f011..be5934c8 100644
--- a/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx
@@ -125,7 +125,7 @@ function Page() {
                       </TableTd>
                       <TableTd>
                         <Box w={150}>
-                          <Text lineClamp={1} fz="sm" c="dark" dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                          <Text lineClamp={1} fz="sm" c="dark" style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                         </Box>
                       </TableTd>
                       <TableTd ta="center">
diff --git a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
index fd0653b1..012ff508 100644
--- a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
@@ -79,7 +79,7 @@ function Page() {
                     </Text>
                     <Text
                       fz={{ base: 'sm', md: 'md' }}
-                      style={{ lineHeight: 1.7 }}
+                      style={{ lineHeight: 1.7, wordBreak: "break-word", whiteSpace: "normal" }}
                       dangerouslySetInnerHTML={{ __html: item.content }}
                     />
                   </Stack>
diff --git a/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx b/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
index ab39a966..b97db6c8 100644
--- a/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/ikm-desa-darmasaba/page.tsx
@@ -536,7 +536,7 @@ function Kepuasan() {
               label="Nama"
               type='text'
               placeholder="masukkan nama"
-              value={state.create.form.name}
+              defaultValue={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
               }}
@@ -545,7 +545,7 @@ function Kepuasan() {
               label="Tanggal"
               type="date"
               placeholder="masukkan tanggal"
-              value={state.create.form.tanggal}
+              defaultValue={state.create.form.tanggal}
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
               }}
@@ -554,7 +554,7 @@ function Kepuasan() {
               key={"jenisKelamin"}
               label={"Jenis Kelamin"}
               placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-              value={state.create.form.jenisKelaminId || ""}
+              defaultValue={state.create.form.jenisKelaminId || ""}
               onChange={(val) => {
                 state.create.form.jenisKelaminId = val ?? "";
               }}
@@ -572,7 +572,7 @@ function Kepuasan() {
               key={"rating_responden"}
               label={"Rating"}
               placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              value={state.create.form.ratingId || ""}
+              defaultValue={state.create.form.ratingId || ""}
               onChange={(val) => {
                 state.create.form.ratingId = val ?? "";
               }}
@@ -590,7 +590,7 @@ function Kepuasan() {
               key={"kelompokUmur"}
               label={"Kelompok Umur"}
               placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-              value={state.create.form.kelompokUmurId || ""}
+              defaultValue={state.create.form.kelompokUmurId || ""}
               onChange={(val) => {
                 state.create.form.kelompokUmurId = val ?? "";
               }}
diff --git a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
index be3ec85e..74d1fbdc 100644
--- a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
@@ -88,14 +88,14 @@ function Page() {
                         <IconUser size={28} />
                         <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Biografi</Text>
                       </Flex>
-                      <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.biodata }} />
+                      <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.biodata }} style={{wordBreak: "break-word", whiteSpace: "normal"}} />
                     </Box>
                     <Box>
                       <Flex align="center" gap="sm" mb="sm">
                         <IconTimeline size={28} />
                         <Text fz={{ base: "1.25rem", md: "1.5rem" }} fw="bold">Riwayat Karir</Text>
                       </Flex>
-                      <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} />
+                      <Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} style={{wordBreak: "break-word", whiteSpace: "normal"}} />
                     </Box>
                   </Stack>
                 </Box>
@@ -109,7 +109,7 @@ function Page() {
               </Flex>
               <List spacing="xs" size="sm">
                 <Box px={20}>
-                  <Text fz={{ base: "1rem", md: "1.125rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.pengalaman }} />
+                  <Text fz={{ base: "1rem", md: "1.125rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.pengalaman }} style={{wordBreak: "break-word", whiteSpace: "normal"}} />
                 </Box>
               </List>
             </Box>
@@ -121,7 +121,7 @@ function Page() {
               </Flex>
               <List spacing="xs" size="sm">
                 <Box px={20}>
-                  <Text fz={{ base: "1rem", md: "1.125rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.unggulan }} />
+                  <Text fz={{ base: "1rem", md: "1.125rem" }} ta="justify" dangerouslySetInnerHTML={{ __html: item.unggulan }} style={{wordBreak: "break-word", whiteSpace: "normal"}} />
                 </Box>
               </List>
             </Box>
diff --git a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
index 5047e88a..45a8062e 100644
--- a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
@@ -75,6 +75,7 @@ function Page() {
                       lh={1.7}
                       ta="justify"
                       dangerouslySetInnerHTML={{ __html: item.visi }}
+                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
                     />
                   </Box>
 
@@ -89,6 +90,7 @@ function Page() {
                       lh={1.7}
                       ta="justify"
                       dangerouslySetInnerHTML={{ __html: item.misi }}
+                      style={{wordBreak: "break-word", whiteSpace: "normal"}}
                     />
                   </Box>
                 </Stack>
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/[id]/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/[id]/page.tsx
index 28cf98f7..3168a9bc 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/[id]/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/[id]/page.tsx
@@ -85,6 +85,7 @@ function Page() {
           fz="md"
           lh={1.6}
           dangerouslySetInnerHTML={{ __html: state.findUnique.data?.deskripsi || '' }}
+          style={{wordBreak: "break-word", whiteSpace: "normal"}}
         />
         <Box py={20}>
           <Divider color={colors['blue-button']} />
diff --git a/src/app/darmasaba/(tambahan)/prestasi-desa/[id]/page.tsx b/src/app/darmasaba/(tambahan)/prestasi-desa/[id]/page.tsx
index 32609b13..3e345157 100644
--- a/src/app/darmasaba/(tambahan)/prestasi-desa/[id]/page.tsx
+++ b/src/app/darmasaba/(tambahan)/prestasi-desa/[id]/page.tsx
@@ -76,7 +76,7 @@ function Page() {
               />
             )}
             <Box mt="md">
-              <Text dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsi || '' }} />
+              <Text style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: state.findUnique.data.deskripsi || '' }} />
               <Text mt="md" c="dimmed" size="sm">
                 Dibuat pada: {new Date(state.findUnique.data.createdAt).toLocaleDateString('id-ID')}
               </Text>
diff --git a/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx b/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx
index c25ba552..e681e34f 100644
--- a/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx
+++ b/src/app/darmasaba/(tambahan)/prestasi-desa/page.tsx
@@ -100,7 +100,9 @@ function Page() {
                         minHeight: '5.4rem',
                         display: 'flex',
                         alignItems: 'center',
-                        justifyContent: 'center'
+                        justifyContent: 'center',
+                        wordBreak: "break-word", 
+                        whiteSpace: "normal"
                       }}
                       lineClamp={3}
                       dangerouslySetInnerHTML={{ __html: v.deskripsi }}
diff --git a/src/app/darmasaba/(tambahan)/program-inovasi/[id]/page.tsx b/src/app/darmasaba/(tambahan)/program-inovasi/[id]/page.tsx
index d44d66cf..2eda6f24 100644
--- a/src/app/darmasaba/(tambahan)/program-inovasi/[id]/page.tsx
+++ b/src/app/darmasaba/(tambahan)/program-inovasi/[id]/page.tsx
@@ -88,6 +88,7 @@ function Page() {
             mt="sm"
             lh={1.7}
             dangerouslySetInnerHTML={{ __html: data?.description || '-' }}
+            style={{ wordBreak: "break-word", whiteSpace: "normal" }}
           />
         </Stack>
       </Paper>
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index b5e3e0ca..540608d7 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -599,7 +599,7 @@ function Kepuasan() {
               label="Nama"
               type='text'
               placeholder="masukkan nama"
-              value={state.create.form.name}
+              defaultValue={state.create.form.name}
               onChange={(val) => {
                 state.create.form.name = val.currentTarget.value;
               }}
@@ -608,7 +608,7 @@ function Kepuasan() {
               label="Tanggal"
               type="date"
               placeholder="masukkan tanggal"
-              value={state.create.form.tanggal}
+              defaultValue={state.create.form.tanggal}
               onChange={(val) => {
                 state.create.form.tanggal = val.currentTarget.value;
               }}
@@ -617,7 +617,7 @@ function Kepuasan() {
               key={"jenisKelamin"}
               label={"Jenis Kelamin"}
               placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-              value={state.create.form.jenisKelaminId || ""}
+              defaultValue={state.create.form.jenisKelaminId || ""}
               onChange={(val) => {
                 state.create.form.jenisKelaminId = val ?? "";
               }}
@@ -635,7 +635,7 @@ function Kepuasan() {
               key={"rating_responden"}
               label={"Rating"}
               placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              value={state.create.form.ratingId || ""}
+              defaultValue={state.create.form.ratingId || ""}
               onChange={(val) => {
                 state.create.form.ratingId = val ?? "";
               }}
@@ -653,7 +653,7 @@ function Kepuasan() {
               key={"kelompokUmur"}
               label={"Kelompok Umur"}
               placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-              value={state.create.form.kelompokUmurId || ""}
+              defaultValue={state.create.form.kelompokUmurId || ""}
               onChange={(val) => {
                 state.create.form.kelompokUmurId = val ?? "";
               }}
diff --git a/src/app/darmasaba/_com/main-page/prestasi/index.tsx b/src/app/darmasaba/_com/main-page/prestasi/index.tsx
index d9222063..8330e970 100644
--- a/src/app/darmasaba/_com/main-page/prestasi/index.tsx
+++ b/src/app/darmasaba/_com/main-page/prestasi/index.tsx
@@ -101,6 +101,7 @@ function Prestasi() {
                     fz={{ base: "1.5rem", md: "2rem", lg: "2.5rem" }}
                     ta="center"
                     dangerouslySetInnerHTML={{ __html: v.deskripsi }}
+                    style={{ wordBreak: "break-word", whiteSpace: "normal" }}
                   />
                   <Group justify="center">
                     <Button
diff --git a/types/env.d.ts b/types/env.d.ts
index d4dbd193..2e636b1a 100644
--- a/types/env.d.ts
+++ b/types/env.d.ts
@@ -3,6 +3,8 @@ declare namespace NodeJS {
     DATABASE_URL?: string;
     WIBU_UPLOAD_DIR?: string;
     NEXT_PUBLIC_BASE_URL?: string;
+    NEXTAUTH_SECRET?: string;
+    NEXTAUTH_URL?: string;
+    WIBU_DOWNLOAD_DIR?: string;
   }
 }
-
diff --git a/xx b/xx
new file mode 100755
index 00000000..c4eb993d
--- /dev/null
+++ b/xx
@@ -0,0 +1 @@
+curl -o assets.zip -s https://cld-dkr-makuro-seafile.wibudev.com/f/f425a33d23b54f0c892a/?dl=1
\ No newline at end of file
diff --git a/xx.ts b/xx.ts
new file mode 100644
index 00000000..2a1248a8
--- /dev/null
+++ b/xx.ts
@@ -0,0 +1,4 @@
+import 'colors'
+
+
+console.log("halo".blue)
\ No newline at end of file