chore: implement permission guard for edit, approve/reject, and delete button

src/figma-make/components/pages/list-daily-checklist/ListDailyChecklistContent.tsx

@@ -36,6 +36,7 @@ import { ColumnDef } from '@tanstack/react-table';
 import { useSelect } from '@/components/input/SelectInput';
 import { KandangApi } from '@/services/api/master-data';
 import DebouncedTextInput from '@/components/input/DebouncedTextInput';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 interface Kandang {
   id: string;
@@ -389,6 +390,7 @@ export function ListDailyChecklistContent() {
           </Button>
 
           {row.original.status === 'DRAFT' && (
+            <RequirePermission permissions='lti.daily_checklist.create'>
               <Button
                 size='sm'
                 variant='outline'
@@ -398,10 +400,11 @@ export function ListDailyChecklistContent() {
                 <Edit className='w-4 h-4 mr-1' />
                 Edit
               </Button>
+            </RequirePermission>
           )}
 
           {row.original.status === 'SUBMITTED' && (
-            <>
+            <RequirePermission permissions='lti.daily_checklist.create'>
               <Button
                 size='sm'
                 onClick={() => handleApprove(row.original)}
@@ -419,10 +422,11 @@ export function ListDailyChecklistContent() {
                 <XCircle className='w-4 h-4 mr-1' />
                 Reject
               </Button>
-            </>
+            </RequirePermission>
           )}
 
           {row.original.status === 'DRAFT' && (
+            <RequirePermission permissions='lti.daily_checklist.create'>
               <Button
                 size='sm'
                 variant='destructive'
@@ -432,6 +436,7 @@ export function ListDailyChecklistContent() {
                 <Trash2 className='w-4 h-4 mr-1' />
                 Hapus
               </Button>
+            </RequirePermission>
           )}
         </div>
       ),