Fix All Text Input User & Admin, fix deskripsi detail break word

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>

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>

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>

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 });

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;