Add UI for the Notification and History screens, as well as several components on the Home screen

src/data/DropdownData/CityData.tsx

@@ -0,0 +1,9 @@
+const cityData = [
+  {label: 'Jakarta Selatan', value: '1'},
+  {label: 'Bandung', value: '2'},
+  {label: 'Semarang', value: '3'},
+  {label: 'Surabaya', value: '4'},
+  {label: 'Denpasar', value: '5'},
+];
+
+export default cityData;

src/data/DropdownData/DistrictData.tsx

@@ -0,0 +1,9 @@
+const districtData = [
+  {label: 'Setiabudi', value: '1'},
+  {label: 'Coblong', value: '2'},
+  {label: 'Candisari', value: '3'},
+  {label: 'Wonokromo', value: '4'},
+  {label: 'Denpasar Barat', value: '5'},
+];
+
+export default districtData;

src/data/DropdownData/GenderData.tsx

@@ -0,0 +1,6 @@
+const genderData = [
+  {label: 'Laki-Laki', value: '1'},
+  {label: 'Perempuan', value: '2'},
+];
+
+export default genderData;

src/data/DropdownData/PostalCodeData.tsx

@@ -0,0 +1,9 @@
+const postalCodeData = [
+  {label: '12920', value: '1'},
+  {label: '40131', value: '2'},
+  {label: '50256', value: '3'},
+  {label: '60243', value: '4'},
+  {label: '80119', value: '5'},
+];
+
+export default postalCodeData;

src/data/DropdownData/ProvinceData.tsx

@@ -0,0 +1,9 @@
+const provinceData = [
+  {label: 'DKI Jakarta', value: '1'},
+  {label: 'Jawa Barat', value: '2'},
+  {label: 'Jawa Tengah', value: '3'},
+  {label: 'Jawa Timur', value: '4'},
+  {label: 'Bali', value: '5'},
+];
+
+export default provinceData;

src/data/History/PassportAppointmentData.tsx

@@ -0,0 +1,49 @@
+const passportAppointmentData = [
+  {
+    id: '1',
+    applicantName: 'Irma Wahyudini',
+    applicantCount: 1,
+    appointmentDate: 'Kamis, 17 April 2025',
+    appointmentTime: '10.00 - 11.00 WIB',
+    serviceUnit: 'Unit Layanan Paspor I Jakarta Selatan (Pondok Pinang)',
+    status: 'Menunggu Pembayaran',
+  },
+  {
+    id: '2',
+    applicantName: 'Salwa Aisyah Adhani',
+    applicantCount: 2,
+    appointmentDate: 'Senin, 14 April 2025',
+    appointmentTime: '08:00 - 09:00 WIB',
+    serviceUnit: 'Kantor Imigrasi Depok',
+    status: 'Sudah Terbayar',
+  },
+  {
+    id: '3',
+    applicantName: 'Salwa Aisyah Adhani',
+    applicantCount: 2,
+    appointmentDate: 'Senin, 14 April 2025',
+    appointmentTime: '08:00 - 09:00 WIB',
+    serviceUnit: 'Kantor Imigrasi Depok',
+    status: 'Menunggu Pembayaran',
+  },
+  {
+    id: '4',
+    applicantName: 'Salwa Aisyah Adhani',
+    applicantCount: 2,
+    appointmentDate: 'Senin, 23 September 2024',
+    appointmentTime: '10:00 - 11:00 WIB',
+    serviceUnit: 'Kantor Imigrasi Depok',
+    status: 'Permohonan Kadaluarsa',
+  },
+  {
+    id: '5',
+    applicantName: 'Yulfarisa Hasnah',
+    applicantCount: 2,
+    appointmentDate: 'Senin, 14 April 2025',
+    appointmentTime: '08:00 - 09:00 WIB',
+    serviceUnit: 'Kantor Imigrasi Depok',
+    status: 'Sudah Terbayar',
+  },
+];
+
+export default passportAppointmentData;

src/data/Notification/NotificationData.tsx

@@ -0,0 +1,91 @@
+const notificationData = [
+  {
+    id: '1',
+    title: 'Pembayaran Permohonan',
+    message:
+      'Anda belum melakukan pembayaran untuk IRMA WAHYUDINI. Silakan melakukan pembayaran sebelum Selasa, 8 April 2025, pukul 23:33:03 WIB.',
+    details:
+      'Bila tidak melakukan pembayaran, maka permohonan Anda akan otomatis ditolak oleh sistem.',
+    timestamp: '2025-04-19T10:50:00+07:00',
+  },
+  {
+    id: '2',
+    title: 'Pembayaran Permohonan',
+    message:
+      'Anda belum melakukan pembayaran untuk MUHAMMAD AMMAR. Silakan melakukan pembayaran sebelum Minggu, 29 September 2024, pukul 23:33:03 WIB.',
+    details:
+      'Bila tidak melakukan pembayaran, maka permohonan Anda akan otomatis ditolak oleh sistem.',
+    timestamp: '2024-09-27T00:00:00+07:00',
+  },
+  {
+    id: '3',
+    title: 'Hari Penjadwalan',
+    message:
+      'Halo SALWA AISYAH ADHANI, hari ini adalah jadwal kunjungan Anda ke KANTOR IMIGRASI DEPOK pada sesi Senin, 7 November 2022, pukul 12:30-15:00 WIB.',
+    details:
+      'Kode Permohonan Anda adalah 2068000001633869. Pastikan Anda membawa dokumen yang dibutuhkan.',
+    timestamp: '2022-11-07T00:00:00+07:00',
+  },
+  {
+    id: '4',
+    title: 'Dokumen Siap Diambil',
+    message:
+      'Dokumen paspor atas nama NURUL HUDA telah selesai diproses dan siap untuk diambil di KANTOR IMIGRASI YOGYAKARTA.',
+    details:
+      'Harap ambil dokumen dalam waktu 14 hari kerja sejak pemberitahuan ini.',
+    timestamp: '2025-04-18T14:20:00+07:00',
+  },
+  {
+    id: '5',
+    title: 'Jadwal Ulang Permohonan',
+    message:
+      'Permohonan atas nama LUTFI HAKIM perlu dijadwalkan ulang karena adanya gangguan sistem.',
+    details:
+      'Silakan pilih jadwal baru melalui aplikasi sebelum Jumat, 21 April 2025.',
+    timestamp: '2025-04-17T09:10:00+07:00',
+  },
+  {
+    id: '6',
+    title: 'Verifikasi Berhasil',
+    message:
+      'Verifikasi identitas untuk ANISA FITRIANI telah berhasil dilakukan.',
+    details:
+      'Anda dapat melanjutkan ke tahap selanjutnya yaitu pembayaran permohonan.',
+    timestamp: '2025-04-16T13:45:00+07:00',
+  },
+  {
+    id: '7',
+    title: 'Permohonan Ditolak',
+    message:
+      'Permohonan atas nama RAKA ARDIANSYAH ditolak karena dokumen tidak lengkap.',
+    details: 'Silakan ajukan ulang permohonan dengan dokumen yang sesuai.',
+    timestamp: '2025-04-14T11:30:00+07:00',
+  },
+  {
+    id: '8',
+    title: 'Batas Waktu Pembayaran',
+    message:
+      'Pembayaran untuk permohonan atas nama SITI AMINAH akan berakhir dalam 1 jam.',
+    details:
+      'Pastikan pembayaran dilakukan sebelum batas waktu agar permohonan tidak dibatalkan.',
+    timestamp: '2025-04-19T21:00:00+07:00',
+  },
+  {
+    id: '9',
+    title: 'Sesi Foto dan Biometrik',
+    message:
+      'Jadwal sesi foto dan biometrik atas nama DANIL MAULANA adalah pada Rabu, 23 April 2025 pukul 09:00 WIB.',
+    details: 'Mohon hadir 15 menit lebih awal dengan membawa dokumen asli.',
+    timestamp: '2025-04-20T08:00:00+07:00',
+  },
+  {
+    id: '10',
+    title: 'Pembayaran Berhasil',
+    message:
+      'Pembayaran untuk permohonan atas nama TIA ROSMAWATI telah berhasil.',
+    details: 'Silakan menunggu informasi jadwal kedatangan.',
+    timestamp: '2025-04-15T10:00:00+07:00',
+  },
+];
+
+export default notificationData;