refactor(iam): align roles pattern and fix eslint

[yusmanata]

Memperbaiki puluhan ESLint error di modul IAM Access (Role & Role Group) yang muncul setelah penerapan eslint-local-rules, memigrasi komponen UI ke arsitektur terbaru.

Perubahan

ESLint & TypeScript Fixes

• Semua File — menyematkan explicit return type secara menyeluruh pada semua fungsi, terutama di index.vue dan members.vue.
• useRoleForm.ts & useRoleGroupForm.ts — memperbaiki penanganan mutations sesuai linter; menyematkan isLoading.value = true sebelum blok try (clean up), serta menambahkan toast.error(errorMessage) di setiap blok catch.
• useRolePermission.ts & Lainnya — memberantas peringatan tipe data dengan membuang inline-casting usang (as any), serta menghapus parameter generic type ganda yang redundan di panggilan useAsyncData.
• Perubahan State — mengubah reaktif tipe boolean sesuai linter menjadi isChangeGroupModalOpen, isPermissionModalOpen, dsb.

Functional Fixes

• roles.ts (Types) — membalut tipe dasar respons dengan ApiResponseSchema(...) agar representasi kembalian tipe secara client-side (di seluruh aplikasi) konsisten mereturn pola { data: { result: [...] } }.
• Pages edit.vue — menghapus penggunaan siklus onMounted pada form edit dan mengandalkan watch ber-param { immediate: true } pada turunan composable detail (Single data fetching).
• Semua use[Name]List.ts — mengatasi bug caching static bawaan Nuxt dengan menyisipkan ID dinamis useId() ke dalam properti kunci useAsyncData. Hal ini memungkinkan daftar tabel di-refresh (fetching) otomatis ketika redirect balik dari halaman create.
• Semua index.vue — menyingkirkan pendefinisian variabel sisa (query/page) di komponen UI (view) dan memindahkannya seutuhnya ke composable (Separation of Concern).

UI/UX

• Komponen Form & Modal — Memigrasikan semua entri data yang memakai SearchableSelect lawas menjadi SearchSelect yang lebih efisien dan modern (termasuk pada form relasional Role Group).
• Data Table — Mengubah ServerDataTable (V1) ke ServerDataTableV2. Prop sisa warisan V1 seperti filter-container="#filterSearch", :with-visibility-toggle, dan @update:search telah dibersihkan demi kepatuhan props.
• RolePermissionModal.vue — melakukan restrukturisasi CSS grid/flex; membungkus sel dan header tombol Revoke dalam div rata tengah (flex justify-center, text-center) sehingga kata "Aksi" sejajar sempurna dengan tombol aksinya.

Checklist

• ESLint: 0 errors, 0 warnings (npx eslint pada app/pages/iam, app/components/iam, app/composables/iam)
• TypeScript build typecheck lolos (Semua generic tipe API tersinkronisasi)
• Pembaruan pola UI sudah diverifikasi dan sama persis dengan benchmark Procurement.

Tampilan

Closes #231

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
erp-web-frontend	Ready	Preview, Comment	Jul 27, 2026 11:58am
erp-web-frontend-3xc2	Ready	Preview, Comment	Jul 27, 2026 11:58am